@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --mau-do-nhat-ban: #c8102e;
  --mau-do-nhat-ban-hover: #a50d24;
  --mau-do-nhat-ban-nhat: #fdeded;

  --mau-xanh-luc-bao: var(--mau-xam-nhom-dam);

  --mau-anh-kim-vang: #ffd700;
  --mau-kem-nhat-ban: #f1f5f9;
  --mau-nen-toi-sang-trong: #000000;

  --mau-xam-nhom-dam: #03050a;
  --mau-xam-nhom-trung: #475569;
  --mau-xam-nhom-nhat: #94a3b8;
  --mau-xam-nen: #f8fafc;
  --mau-xam-khung: #e2e8f0;

  --mau-trang: #ffffff;
  --mau-den: #0b0f19;

  --font-chinh: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;

  --bong-do-nhe: 0 6px 25px rgba(15, 23, 42, 0.06);
  --bong-do-noi: 0 14px 35px rgba(15, 23, 42, 0.12);
  --bong-do-nut-do: 0 8px 24px rgba(200, 16, 46, 0.35);
  --bo-goc-nhon: 6px;
  --bo-goc-vua: 12px;
  --bo-goc-lon: 20px;
  --bo-goc-tron: 9999px;

  --chuyen-dong-muot: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

input,
button,
textarea,
select {
  font-family: inherit;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-chinh);
  background-color: var(--mau-trang);
  color: var(--mau-xam-nhom-dam);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
  transition: var(--chuyen-dong-muot);
}

ul,
ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.khung-chua {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.nut-bam-do-chu-dao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.8rem;
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  font-weight: 700;
  font-size: 1rem;
  border-radius: var(--bo-goc-nhon);
  box-shadow: var(--bong-do-nut-do);
  border: 2px solid var(--mau-do-nhat-ban);
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-bam-do-chu-dao:hover {
  background-color: var(--mau-do-nhat-ban-hover);
  border-color: var(--mau-do-nhat-ban-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(200, 16, 46, 0.4);
}

.dau-trang-web {
  position: static;
  width: 100%;
  background-color: var(--mau-trang);
}

.thanh-dau-trang-tren-vietwood {
  position: relative;
  overflow: hidden;
  padding: 0.75rem 0;
  background: linear-gradient(135deg, #000000c5 0%, #000000c5 50%, #000000c5 100%);
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}

.thanh-dau-trang-tren-vietwood::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(200, 16, 46, 0.18) 20%,
      rgba(255, 215, 0, 0.5) 45%,
      rgba(255, 255, 255, 0.95) 50%,
      rgba(255, 215, 0, 0.5) 55%,
      rgba(200, 16, 46, 0.18) 80%,
      transparent 100%);
  pointer-events: none;
  filter: drop-shadow(0 0 12px rgba(200, 16, 46, 0.4));
  animation: vet-sang-chay-qua 3.5s infinite ease-in-out;
  z-index: 1;
  will-change: transform;
}

.thanh-dau-trang-tren-vietwood::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(200, 16, 46, 0.35) 50%,
      transparent 100%);
  pointer-events: none;
  animation: vet-sang-phu-chay-qua 3.5s infinite ease-in-out;
  z-index: 1;
  will-change: transform;
}

@keyframes vet-sang-chay-qua {
  0% {
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    opacity: 1;
  }

  35% {
    transform: translate3d(500%, 0, 0) skewX(-25deg);
    opacity: 1;
  }

  36%,
  100% {
    transform: translate3d(500%, 0, 0) skewX(-25deg);
    opacity: 0;
  }
}

@keyframes vet-sang-phu-chay-qua {
  0% {
    transform: translate3d(-200%, 0, 0) skewX(-25deg);
    opacity: 1;
  }

  35% {
    transform: translate3d(700%, 0, 0) skewX(-25deg);
    opacity: 1;
  }

  36%,
  100% {
    transform: translate3d(700%, 0, 0) skewX(-25deg);
    opacity: 0;
  }
}

.khung-dau-trang-tren-noi-dung {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nhom-bieu-tuong-trai {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex: 1;
}

.nut-bieu-tuong-header {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: none;
  font-size: 1.1rem;
  color: #ffffff !important;
  cursor: pointer;
  font-weight: 600;
  transition: var(--chuyen-dong-muot);
}

.nut-bieu-tuong-header:hover {
  color: #ffe4e6 !important;
  transform: translateY(-1px);
}

.bieu-tuong-svg-header {
  display: inline-block;
  vertical-align: middle;
  stroke: #ffffff !important;
  transition: transform 0.2s ease, stroke 0.2s ease;
}

.nut-bieu-tuong-header:hover .bieu-tuong-svg-header {
  stroke: #ffffff !important;
  transform: scale(1.1);
}

.bieu-tuong-svg-hotline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.35rem;
  stroke: #c8102e !important;
}

.khung-logo-trung-tam {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  transition: transform 0.25s ease !important;
}

.khung-logo-trung-tam:hover {
  transform: translateY(-1px) scale(1.02) !important;
}

.khung-logo-trung-tam .custom-logo-link,
.logo-thuong-hieu .custom-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.khung-logo-trung-tam img.custom-logo,
.khung-logo-trung-tam img,
.logo-thuong-hieu img.custom-logo {
  max-height: 95px !important;
  max-width: 420px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  display: block;
}

.logo-thuong-hieu-chu {
  font-size: 2rem;
  font-weight: 900;
  color: var(--mau-xam-nhom-dam);
  letter-spacing: -0.5px;
  line-height: 1;
}

.logo-thuong-hieu-chu span {
  color: var(--mau-do-nhat-ban);
}

.logo-thuong-hieu-nhan {
  font-size: 0.65rem;
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  padding: 0.1rem 0.45rem;
  border-radius: 3px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-top: 0.2rem;
}

.nhom-gio-hang-phai {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  flex: 1;
}

.nut-gio-hang-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.85rem;
  border: 1px solid var(--mau-xam-khung);
  border-radius: var(--bo-goc-nhon);
  background-color: var(--mau-xam-nen);
  transition: var(--chuyen-dong-muot);
}

.nut-gio-hang-header:hover {
  border-color: var(--mau-do-nhat-ban);
  background-color: var(--mau-do-nhat-ban-nhat);
}

.bieu-tuong-icon {
  font-size: 1.2rem;
}

.thong-tin-gio-hang {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.tieu-de-gio {
  font-size: 0.75rem;
  color: var(--mau-xam-nhom-trung);
}

.so-tien-gio {
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--mau-do-nhat-ban);
}

.nut-hotline-header {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.1rem;
  background-color: #ffffff !important;
  color: #c8102e !important;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 30px !important;
  transition: var(--chuyen-dong-muot);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.nut-hotline-header::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 45%;
  height: 200%;
  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.45),
      transparent);
  transform: rotate(25deg);
  animation: vet-sang-hotline 4s infinite ease-in-out;
}

@keyframes vet-sang-hotline {
  0% {
    left: -60%;
  }

  30% {
    left: 140%;
  }

  100% {
    left: 140%;
  }
}

.nut-hotline-header:hover {
  background-color: var(--mau-do-nhat-ban-hover);
  transform: translateY(-2px);
}

.thanh-dieu-huong-do-vietwood {
  position: relative;
  background-color: var(--mau-do-nhat-ban) !important;
  border-bottom: none !important;
  width: 100%;
  transition: background-color 0.3s ease;
}

.thanh-dieu-huong-do-vietwood.menu-dinh-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  animation: truot-xuong-muot 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

body.admin-bar .thanh-dieu-huong-do-vietwood.menu-dinh-top {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .thanh-dieu-huong-do-vietwood.menu-dinh-top {
    top: 46px;
  }
}

@keyframes truot-xuong-muot {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

.khung-menu-do-chinh {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dieu-huong-menu-do-chinh ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
}

.dieu-huong-menu-do-chinh>ul>li>a {
  display: block;
  padding: 0.85rem 0.5rem;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--mau-trang);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  transition: var(--chuyen-dong-muot);
}

.dieu-huong-menu-do-chinh>ul>li>a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: var(--mau-trang) !important;
  transition: var(--chuyen-dong-muot);
  transform: translateX(-50%);
}

.dieu-huong-menu-do-chinh>ul>li:hover>a,
.dieu-huong-menu-do-chinh>ul>li.kieu-kich-hoat>a {
  color: #fff !important;
  opacity: 0.95;
}

.dieu-huong-menu-do-chinh>ul>li:hover>a::after,
.dieu-huong-menu-do-chinh>ul>li.kieu-kich-hoat>a::after {
  width: 100%;
}

.dieu-huong-menu-do-chinh .mui-ten-xuong {
  font-size: 0.75rem;
  margin-left: 0.25rem;
  display: inline-block;
  transition: transform 0.3s ease;
}

.dieu-huong-menu-do-chinh li.co-menu-con:hover .mui-ten-xuong {
  transform: rotate(180deg);
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh li.co-menu-con,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh li.menu-item-has-children {
  position: relative;
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh ul.menu-con-danh-sach,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh ul.sub-menu,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .sub-menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: #ffffff !important;
  min-width: 320px;
  padding: 1.25rem;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #e2e8f0 !important;
  border-top: none !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1050;
  gap: 0.5rem;
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh li.co-menu-con:hover ul.menu-con-danh-sach,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh li.menu-item-has-children:hover ul.sub-menu,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh li.menu-item-has-children:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh ul.menu-con-danh-sach li,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh ul.sub-menu li {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0.35rem;
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .menu-con-danh-sach>li>a,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .menu-con-danh-sach>li>span,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .sub-menu>li>a,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .sub-menu>li>span,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh [class*="tieu-de"],
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh [class*="title"] {
  color: #c8102e !important;
  font-weight: 900 !important;
  font-size: 1.15rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 0.2rem 0.5rem 0.65rem 0.5rem !important;
  margin-bottom: 0.85rem !important;
  border-bottom: 2px solid #fecdd3 !important;
  background: transparent !important;
  border-left: none !important;
  display: block !important;
  box-shadow: none !important;
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh ul.menu-con-danh-sach a,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .sub-menu li a,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh [class*="mega"] li li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.75rem 1.1rem !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh ul.menu-con-danh-sach a:hover,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh .sub-menu li a:hover,
.thanh-dieu-huong-do-vietwood .dieu-huong-menu-do-chinh [class*="mega"] li li a:hover {
  background: #c8102e !important;
  color: #ffffff !important;
  border-color: #c8102e !important;
  transform: translateX(4px) !important;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.25) !important;
}

.khung-tim-kiem-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(11, 15, 25, 0.88);
  backdrop-filter: blur(8px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
}

.khung-tim-kiem-overlay.dang-hien-thi {
  opacity: 1;
  visibility: visible;
}

.nut-dong-tim-kiem {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
  background: transparent;
  border: none;
  color: var(--mau-trang);
  font-size: 2.5rem;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-dong-tim-kiem:hover {
  color: var(--mau-do-nhat-ban);
  transform: rotate(90deg);
}

.khung-chua-o-nhap-tim-kiem {
  width: 100%;
  max-width: 650px;
  padding: 0 1.5rem;
}

.bieu-mau-tim-kiem-lightbox {
  display: flex;
  gap: 0.5rem;
  background-color: var(--mau-trang);
  padding: 0.5rem;
  border-radius: var(--bo-goc-vua);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.truong-nhap-tim-kiem {
  flex: 1;
  border: none;
  outline: none;
  padding: 0.85rem 1.2rem;
  font-size: 1.1rem;
  font-family: var(--font-chinh);
  color: var(--mau-xam-nhom-dam);
}

.nut-xac-nhan-tim-kiem {
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  border: none;
  padding: 0.85rem 1.5rem;
  font-weight: 800;
  font-size: 0.95rem;
  border-radius: var(--bo-goc-nhon);
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-xac-nhan-tim-kiem:hover {
  background-color: var(--mau-do-nhat-ban-hover);
}

@media (max-width: 992px) {
  .nhan-an-di-dong {
    display: none;
  }

  .dieu-huong-menu-do-chinh ul {
    gap: 1rem;
    overflow-x: auto;
    padding: 0.5rem 0;
  }

  .dieu-huong-menu-do-chinh>ul>li>a {
    font-size: 0.8rem;
    white-space: nowrap;
  }

  .nut-hotline-header {
    display: none;
  }
}

.nut-bam-xanh-vien {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.8rem;
  background-color: #ffffff;
  color: var(--mau-xam-nhom-dam);
  font-weight: 700;
  font-size: 1rem;
  border-radius: var(--bo-goc-nhon);
  border: 2px solid #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-bam-xanh-vien span {
  color: inherit;
  transition: inherit;
}

.nut-bam-xanh-vien:hover {
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  border-color: var(--mau-do-nhat-ban);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(200, 16, 46, 0.3);
}

.nut-bam-xanh-vien:hover span {
  color: var(--mau-trang);
}

.nut-bam-xam-vien {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.8rem;
  background-color: var(--mau-xam-nen);
  color: var(--mau-xam-nhom-dam);
  font-weight: 600;
  font-size: 1rem;
  border-radius: var(--bo-goc-nhon);
  border: 1px solid var(--mau-xam-khung);
  transition: var(--chuyen-dong-muot);
}

.nut-bam-xam-vien:hover {
  background-color: var(--mau-xam-khung);
  color: var(--mau-den);
}

.phong-tieu-de-phan {
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.the-huy-hieu-nhieu-mau {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 1.1rem;
  background-color: var(--mau-do-nhat-ban-nhat);
  color: var(--mau-do-nhat-ban);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: var(--bo-goc-tron);
  margin-bottom: 0.85rem;
  box-shadow: 0 2px 10px rgba(200, 16, 46, 0.1);
}

.tieu-de-phan-chinh {
  font-size: 2.25rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  line-height: 1.3;
  position: relative;
  display: inline-block;
}

.tieu-de-phan-chinh span {
  color: var(--mau-do-nhat-ban);
}

.mo-ta-phan-chinh {
  max-width: 680px;
  margin: 1.25rem auto 0;
  color: var(--mau-xam-nhom-trung);
  font-size: 1.05rem;
}

main#main-content {
  display: block;
  width: 100%;
  contain: layout style;
}

.khoi-banner-chinh {
  padding: 4.5rem 0 5.5rem;
  background: linear-gradient(135deg, var(--mau-xam-nen) 0%, #edf4f1 100%);
  position: relative;
  overflow: hidden;
}

.khoi-banner-chinh::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(15, 76, 58, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(20%, -20%);
}

.khung-banner-hai-cot {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3.5rem;
  align-items: center;
}

.cot-banner-noi-dung .huy-hieu-nhat-ban {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  background-color: var(--mau-do-nhat-ban-nhat);
  color: var(--mau-do-nhat-ban);
  font-weight: 700;
  font-size: 0.85rem;
  border-radius: var(--bo-goc-tron);
  margin-bottom: 1.25rem;
  border: 1px solid rgba(200, 16, 46, 0.2);
}

.tieu-de-banner-lon {
  font-size: 2.35rem;
  font-weight: 900;
  line-height: 1.25;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 1.25rem;
}

.tieu-de-banner-lon span.chu-xanh {
  color: var(--mau-xanh-luc-bao);
}

.tieu-de-banner-lon span.chu-do {
  color: var(--mau-do-nhat-ban);
}

.doan-van-banner-mo-ta {
  font-size: 1.15rem;
  color: var(--mau-xam-nhom-trung);
  margin-bottom: 2.25rem;
  line-height: 1.7;
}

.khung-mo-ta-rong-950 {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.khung-mo-ta-rong-800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.nhom-nut-bam-banner {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.danh-sach-cam-ket-nhanh {
  display: flex;
  gap: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--mau-xam-khung);
}

.muc-cam-ket-nhanh {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
}

.muc-cam-ket-nhanh span.biieu-tuong-tich {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background-color: #10b981;
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.cot-banner-hinhanh {
  position: relative;
}

.khung-anh-banner-cao-cap {
  position: relative;
  border-radius: var(--bo-goc-lon);
  overflow: hidden;
  box-shadow: var(--bong-do-noi);
  border: 4px solid var(--mau-trang);
  aspect-ratio: 4 / 3;
  min-height: 360px;
}

.cot-banner-hinhanh .swiper-pagination {
  position: absolute !important;
  bottom: 1.25rem !important;
  right: 1.5rem !important;
  left: auto !important;
  width: max-content !important;
  height: 28px !important;
  transform: none !important;
  z-index: 25 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(15, 23, 42, 0.45) !important;
  padding: 6px 14px !important;
  border-radius: 30px !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
}

.cot-banner-hinhanh .swiper-pagination-bullet {
  position: relative !important;
  width: 10px !important;
  height: 10px !important;
  background: #ffffff !important;
  opacity: 0.65 !important;
  margin: 0 4px !important;
  border-radius: 50% !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.cot-banner-hinhanh .swiper-pagination-bullet::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 48px !important;
  height: 48px !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: auto !important;
}

.cot-banner-hinhanh .swiper-pagination-bullet-active {
  width: 24px !important;
  border-radius: 10px !important;
  background: #c8102e !important;
  opacity: 1 !important;
  box-shadow: 0 0 10px rgba(200, 16, 46, 0.8) !important;
}

.the-thong-so-noi-bat {
  position: absolute;
  bottom: 1.5rem;
  left: -1.5rem;
  background-color: var(--mau-trang);
  padding: 1.25rem 1.5rem;
  border-radius: var(--bo-goc-vua);
  box-shadow: var(--bong-do-noi);
  border-left: 5px solid var(--mau-xanh-luc-bao);
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 10;
}

.con-so-nam-bao-hanh {
  font-size: 2.25rem;
  font-weight: 900;
  color: var(--mau-xanh-luc-bao);
  line-height: 1;
}

.chu-giai-nam-bao-hanh {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
  text-transform: uppercase;
}

.khoi-ung-dung-vuot-troi {
  padding: 5.5rem 0;
  background-color: var(--mau-trang);
}

.nhan-do-tieu-de {
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--mau-do-nhat-ban);
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  display: inline-block;
  text-transform: uppercase;
}

.danh-sach-hang-ung-dung {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 3rem;
}

.hang-ung-dung-san-pham {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.cot-anh-ung-dung {
  position: relative;
}

.khung-anh-mau-nhom {
  position: relative;
  border-radius: var(--bo-goc-vua);
  overflow: hidden;
  background-color: #f1f5f9;
  box-shadow: var(--bong-do-nhe);
  border: 1px solid var(--mau-xam-khung);
}

.khung-anh-mau-nhom img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  max-height: 480px;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}

.thanh-thong-tin-nhom-duoi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(30, 41, 59, 0.88);
  color: var(--mau-trang);
  padding: 0.85rem 1.25rem;
  display: flex;
  justify-content: space-around;
  font-size: 0.85rem;
  font-weight: 600;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.cot-noi-dung-ung-dung {
  padding: 1rem 0;
}

.nhan-con-do {
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--mau-do-nhat-ban);
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  display: block;
  text-transform: uppercase;
}

.tieu-de-muc-ung-dung {
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 1rem;
  line-height: 1.35;
}

.doan-van-ung-dung {
  font-size: 1rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.7;
}

@media (max-width: 992px) {
  .hang-ung-dung-san-pham {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .hang-ung-dung-san-pham.hang-dao-chieu .cot-noi-dung-ung-dung {
    order: 2;
  }

  .hang-ung-dung-san-pham.hang-dao-chieu .cot-anh-ung-dung {
    order: 1;
  }
}

.khoi-diem-manh-cong-nghe {
  padding: 5.5rem 0;
  background: linear-gradient(135deg, #000000 0%, #060911 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.khoi-diem-manh-cong-nghe .tieu-de-phan-chinh {
  color: #ffffff;
}

.khoi-diem-manh-cong-nghe .mo-ta-phan-chinh {
  color: #94a3b8;
}

.luoi-diem-manh-bon-cot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.the-diem-manh-cong-nghe {
  padding: 2.25rem 1.75rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--bo-goc-vua);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  transition: var(--chuyen-dong-muot);
  position: relative;
}

.the-diem-manh-cong-nghe:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--mau-do-nhat-ban);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.bieu-tuong-diem-manh {
  width: 56px;
  height: 56px;
  background-color: var(--mau-do-nhat-ban-nhat);
  color: var(--mau-do-nhat-ban);
  border-radius: var(--bo-goc-vua);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  transition: var(--chuyen-dong-muot);
}

.the-diem-manh-cong-nghe:hover .bieu-tuong-diem-manh {
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
}

.tieu-de-diem-manh {
  font-size: 1.25rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0.75rem;
}

.mo-ta-diem-manh {
  font-size: 0.95rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.6;
}

.khoi-san-pham-noi-bat {
  padding: 5.5rem 0;
  background-color: var(--mau-kem-nhat-ban);
}

.luoi-san-pham-ba-cot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2.75rem;
}

.the-san-pham-cao-cap {
  background-color: var(--mau-trang);
  border-radius: var(--bo-goc-vua);
  overflow: hidden;
  border: 1px solid var(--mau-xam-khung);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  transition: var(--chuyen-dong-muot);
  display: flex;
  flex-direction: column;
}

.the-san-pham-cao-cap:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(200, 16, 46, 0.15);
  border-color: rgba(200, 16, 46, 0.3);
}

.khung-anh-san-pham {
  position: relative;
  height: 240px;
  overflow: hidden;
  background-color: #eef2f5;
}

.khung-anh-san-pham img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #fff;
  transition: transform 0.5s ease;
}

.the-san-pham-cao-cap:hover .khung-anh-san-pham img {
  transform: scale(1.08);
}

.huy-hieu-san-pham-do {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  font-size: 0.75rem;
  font-weight: 800;
  padding: 0.3rem 0.75rem;
  border-radius: var(--bo-goc-tron);
  text-transform: uppercase;
}

.noi-dung-the-san-pham {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tieu-de-san-pham {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.tieu-de-san-pham a:hover {
  color: var(--mau-xanh-luc-bao);
}

.mo-ta-ngan-san-pham {
  font-size: 0.95rem;
  color: var(--mau-xam-nhom-trung);
  margin-bottom: 1.25rem;
  line-height: 1.5;
}

.chan-the-san-pham {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--mau-xam-khung);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.gia-san-pham-lien-he {
  font-weight: 800;
  color: var(--mau-do-nhat-ban);
  font-size: 1.1rem;
  text-decoration: none;
}

.nut-xem-chi-tiet-san-pham {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--mau-do-nhat-ban);
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.nut-xem-chi-tiet-san-pham:hover {
  color: var(--mau-do-nhat-ban-hover);
  transform: translateX(3px);
}

.khoi-du-an-tieu-bieu {
  padding: 5.5rem 0;
  background-color: var(--mau-xam-nen);
}

.luoi-du-an-ba-cot {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

.the-du-an-cong-trinh {
  position: relative;
  border-radius: var(--bo-goc-vua);
  overflow: hidden;
  height: 380px;
  box-shadow: var(--bong-do-nhe);
}

.the-du-an-cong-trinh img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.phu-lop-bong-du-an {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.3) 50%, transparent 100%);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--mau-trang);
  transition: var(--chuyen-dong-muot);
}

.the-du-an-cong-trinh:hover img {
  transform: scale(1.06);
}

.dia-diem-du-an {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--mau-anh-kim-vang);
  margin-bottom: 0.3rem;
}

.tieu-de-du-an {
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

.khoi-quy-trinh-lam-viec {
  padding: 5.5rem 0;
  background-color: var(--mau-xam-nhom-dam);
  color: var(--mau-trang);
}

.khoi-quy-trinh-lam-viec .tieu-de-phan-chinh {
  color: var(--mau-trang);
}

.khoi-quy-trinh-lam-viec .mo-ta-phan-chinh {
  color: var(--mau-xam-nhom-nhat);
}

.luoi-quy-trinh-bon-buoc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  position: relative;
}

.the-buoc-quy-trinh {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2.25rem 1.5rem;
  border-radius: var(--bo-goc-vua);
  position: relative;
}

.con-so-thu-tu-buoc {
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--mau-do-nhat-ban);
  line-height: 1;
  margin-bottom: 1rem;
}

.tieu-de-buoc {
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.mo-ta-buoc {
  font-size: 0.9rem;
  color: var(--mau-xam-nhom-nhat);
  line-height: 1.5;
}

.khoi-keu-goi-lien-he {
  padding: 6rem 0;
  background: linear-gradient(135deg, #000000 0%, #060911 100%);
  color: var(--mau-trang);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.khung-keu-goi-hai-cot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}

.noi-dung-keu-goi h2 {
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.noi-dung-keu-goi p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2rem;
  line-height: 1.6;
}

.khung-form-dang-ky {
  background-color: var(--mau-trang);
  padding: 2.5rem;
  border-radius: var(--bo-goc-lon);
  box-shadow: var(--bong-do-noi);
  color: var(--mau-xam-nhom-dam);
}

.khung-form-dang-ky h3 {
  font-size: 1.4rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  color: var(--mau-xanh-luc-bao);
  text-align: center;
}

.nhom-o-nhap-lieu {
  margin-bottom: 1.25rem;
}

.nhom-o-nhap-lieu label {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: var(--mau-xam-nhom-dam);
}

.o-nhap-truong-du-lieu {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px solid var(--mau-xam-khung);
  border-radius: var(--bo-goc-nhon);
  font-family: var(--font-chinh);
  font-size: 0.95rem;
  transition: var(--chuyen-dong-muot);
}

.o-nhap-truong-du-lieu:focus {
  outline: none;
  border-color: var(--mau-xanh-luc-bao);
  box-shadow: 0 0 0 3px rgba(15, 76, 58, 0.15);
}

.chan-trang-web {
  background: linear-gradient(135deg, #000000 0%, #060911 100%);
  color: var(--mau-xam-nhom-nhat);
  padding: 5rem 0 2rem;
  font-size: 0.95rem;
}

.luoi-chan-trang-bon-cot {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.3fr;
  gap: 3rem;
  margin-bottom: 4rem;
}

.cot-chan-trang h3,
.cot-chan-trang h4 {
  color: var(--mau-trang);
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  position: relative;
  padding-bottom: 0.5rem;
}

.cot-chan-trang h3+p,
.cot-chan-trang h3+ul,
.cot-chan-trang h4+p,
.cot-chan-trang h4+ul {
  margin-top: 0;
}

.cot-chan-trang p:empty {
  display: none;
}

.cot-chan-trang ul {
  padding-left: 0;
  margin-top: 0;
}

.danh-sach-lien-ket-chan-trang li,
.cot-chan-trang ul li {
  margin-bottom: 0.75rem;
}

.dong-thong-tin-footer {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.danh-sach-lien-ket-chan-trang a:hover {
  color: var(--mau-trang);
  padding-left: 0.3rem;
}

.khung-google-map-footer {
  width: 100%;
  margin: 2.5rem 0;
  border-radius: var(--bo-goc-lon);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: var(--bong-do-noi);
  height: 320px;
}

.khung-google-map-footer iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block;
}

.hang-ban-quyen-chan-trang {
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size: 0.85rem;
  color: #64748b;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.khung-dmca-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.25rem;
}

.khung-dmca-footer img {
  height: 32px;
  width: auto;
  display: inline-block;
  transition: var(--chuyen-dong-muot);
}

.khung-dmca-footer a {
  display: inline-flex;
  align-items: center;
}

.khung-dmca-footer a:hover img {
  transform: translateY(-2px);
}

@media (max-width: 992px) {

  .khung-banner-hai-cot,
  .khung-keu-goi-hai-cot {
    grid-template-columns: 1fr;
  }

  .cot-banner-hinhanh {
    order: -1;
  }

  .luoi-chan-trang-bon-cot {
    grid-template-columns: 1fr 1fr;
  }

  .tieu-de-banner-lon {
    font-size: 2.25rem;
  }

  .dieu-huong-menu-chinh {
    display: none;
  }
}

@media (max-width: 600px) {
  .luoi-chan-trang-bon-cot {
    grid-template-columns: 1fr;
  }

  .tieu-de-banner-lon {
    font-size: 1.85rem;
  }

  .tieu-de-phan-chinh {
    font-size: 1.75rem;
  }
}

.khoi-banner-trang-con {
  padding: 2rem 0 1.2rem;
  background: linear-gradient(135deg, var(--mau-xam-nen) 0%, #edf4f1 100%);
  border-bottom: 1px solid var(--mau-xam-khung);
}

.khoi-gioi-thieu-maxpro {
  padding: 5.5rem 0;
  background-color: var(--mau-trang);
}

.khoi-gioi-thieu-cua-nhom-xanh {
  padding: 5.5rem 0;
  background-color: var(--mau-xam-nen);
  border-top: 1px solid var(--mau-xam-khung);
}

.khung-hai-cot-gioi-thieu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
  margin-bottom: 3.5rem;
}

.khung-hai-cot-gioi-thieu.hang-dao-chieu .cot-van-ban-gioi-thieu {
  order: 2;
}

.khung-hai-cot-gioi-thieu.hang-dao-chieu .cot-anh-gioi-thieu {
  order: 1;
}

.tieu-de-muc-gioi-thieu {
  font-size: 2rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 1.25rem;
  line-height: 1.3;
}

.doan-van-gioi-thieu {
  font-size: 1.05rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.danh-sach-diem-noi-bat-maxpro {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}

.muc-noi-bat-maxpro {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  font-size: 0.98rem;
  color: var(--mau-xam-nhom-dam);
}

.bieu-tuong-tich-do {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.khung-anh-gioi-thieu-noibat {
  position: relative;
  border-radius: var(--bo-goc-lon);
  overflow: hidden;
  box-shadow: var(--bong-do-noi);
  border: 4px solid var(--mau-trang);
}

.khung-anh-gioi-thieu-noibat img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}

.thanh-nhan-anh-duoi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(200, 16, 46, 0.92);
  color: var(--mau-trang);
  padding: 0.85rem 1rem;
  font-size: 0.85rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.5px;
}

.luoi-cac-dong-maxpro {
  margin-top: 3rem;
  background-color: var(--mau-xam-nen);
  padding: 3rem;
  border-radius: var(--bo-goc-lon);
  border: 1px solid var(--mau-xam-khung);
}

.tieu-de-dong-san-pham-maxpro {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 2rem;
  text-align: center;
}

.danh-sach-the-dong-maxpro {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

.the-dong-maxpro {
  background-color: var(--mau-trang);
  padding: 1.75rem;
  border-radius: var(--bo-goc-vua);
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-nhe);
  transition: var(--chuyen-dong-muot);
}

.the-dong-maxpro:hover {
  transform: translateY(-4px);
  box-shadow: var(--bong-do-noi);
  border-color: var(--mau-do-nhat-ban);
}

.ma-he-maxpro {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  background-color: var(--mau-do-nhat-ban-nhat);
  color: var(--mau-do-nhat-ban);
  font-size: 0.8rem;
  font-weight: 800;
  border-radius: 4px;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.the-dong-maxpro h4 {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.5rem;
}

.the-dong-romadio,
.the-dong-maxpro {
  background-color: var(--mau-trang);
  padding: 1.75rem;
  border-radius: var(--bo-goc-vua);
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-nhe);
  transition: var(--chuyen-dong-muot);
}

.the-dong-romadio p {
  font-size: 0.9rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.5;
}

.luoi-thong-tin-cong-ty {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.muc-thong-tin-cong-ty {
  background-color: var(--mau-trang);
  padding: 1.25rem 1.5rem;
  border-radius: var(--bo-goc-vua);
  border-left: 4px solid var(--mau-xanh-luc-bao);
  box-shadow: var(--bong-do-nhe);
}

.con-so-noi-bat-xanh {
  font-size: 1.75rem;
  font-weight: 900;
  color: var(--mau-xanh-luc-bao);
  margin-bottom: 0.25rem;
}

.chu-thong-tin {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
  line-height: 1.4;
}

.khung-the-thong-tin-chi-tiet-cong-ty {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.the-chi-tiet-cong-ty {
  background-color: var(--mau-trang);
  padding: 2.25rem 1.75rem;
  border-radius: var(--bo-goc-vua);
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-nhe);
  transition: var(--chuyen-dong-muot);
}

.the-chi-tiet-cong-ty:hover {
  transform: translateY(-5px);
  box-shadow: var(--bong-do-noi);
  border-color: var(--mau-xanh-luc-bao);
}

.bieu-tuong-the-cong-ty {
  font-size: 2.25rem;
  margin-bottom: 1rem;
}

.the-chi-tiet-cong-ty h3 {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.75rem;
}

.the-chi-tiet-cong-ty p {
  font-size: 0.95rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.6;
}

@media (max-width: 992px) {
  .khung-hai-cot-gioi-thieu {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .khung-hai-cot-gioi-thieu.hang-dao-chieu .cot-van-ban-gioi-thieu {
    order: 1;
  }

  .khung-hai-cot-gioi-thieu.hang-dao-chieu .cot-anh-gioi-thieu {
    order: 2;
  }
}

.khoi-danh-muc-san-pham {
  padding: 1.5rem 0 4rem;
  background-color: var(--mau-xam-nen);
}

.khoi-loc-san-pham {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.85rem;
  margin-bottom: 3.5rem;
}

.nut-loc-he-nhom {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.35rem;
  background-color: var(--mau-trang);
  color: var(--mau-xam-nhom-dam);
  font-size: 0.92rem;
  font-weight: 700;
  border-radius: 50px;
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-nhe);
  transition: var(--chuyen-dong-muot);
}

.nut-loc-he-nhom:hover,
.nut-loc-he-nhom.dang-kich-hoat {
  background-color: var(--mau-xanh-luc-bao);
  color: var(--mau-trang);
  border-color: var(--mau-xanh-luc-bao);
  box-shadow: 0 4px 15px rgba(15, 76, 58, 0.25);
  transform: translateY(-2px);
}

.luoi-danh-sach-san-pham {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 2.25rem;
}

.the-san-pham-maxpro {
  background-color: var(--mau-trang);
  border-radius: var(--bo-goc-lon);
  overflow: hidden;
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-nhe);
  transition: var(--chuyen-dong-muot);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.the-san-pham-maxpro:hover {
  transform: translateY(-6px);
  box-shadow: var(--bong-do-noi);
  border-color: var(--mau-do-nhat-ban);
}

.khung-anh-san-pham {
  position: relative;
  height: 240px;
  overflow: hidden;
  background-color: #f1f5f9;
}

.khung-anh-san-pham img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #fff;
  transition: transform 0.5s ease;
}

.the-san-pham-maxpro:hover .khung-anh-san-pham img {
  transform: scale(1.06);
}

.nhan-cong-nghe-ed {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: var(--mau-do-nhat-ban, #c8102e);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 0.3rem 0.65rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.nhan-bao-hanh-nam {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: rgba(30, 41, 59, 0.88);
  color: var(--mau-trang);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.3rem 0.65rem;
  border-radius: 4px;
}

.noi-dung-the-san-pham {
  padding: 1.75rem;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.tieu-de-san-pham-the {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 1rem;
  line-height: 1.35;
  overflow-wrap: break-word;
  word-break: break-word;
}

.tieu-de-san-pham-the a {
  color: var(--mau-xam-nhom-dam);
  transition: var(--chuyen-dong-muot);
  overflow-wrap: break-word;
  word-break: break-word;
}

.tieu-de-san-pham-the a:hover {
  color: var(--mau-do-nhat-ban);
}

.bang-tom-tat-thong-so {
  background-color: var(--mau-trang);
  border: 1px solid #e2e8f0;
  padding: 0 1rem;
  border-radius: var(--bo-goc-vua);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
  overflow-wrap: break-word;
  word-break: break-word;
}

.hang-thong-so-ngan {
  display: flex;
  justify-content: space-between;
  color: var(--mau-xam-nhom-trung);
  padding: 0.7rem 0;
  border-bottom: 1px dashed #cbd5e1;
  gap: 0.5rem;
  overflow-wrap: break-word;
  word-break: break-word;
}

.hang-thong-so-ngan span,
.hang-thong-so-ngan strong {
  overflow-wrap: break-word;
  word-break: break-word;
}

.hang-thong-so-ngan:last-child {
  border-bottom: none;
}

.hang-thong-so-ngan strong {
  color: var(--mau-xam-nhom-dam);
  text-align: right;
  max-width: 60%;
}

.mo-ta-ngan-san-pham {
  font-size: 0.9rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.55;
  margin-bottom: 1.5rem;
  overflow-wrap: break-word;
  word-break: break-word;
}

.khung-nut-hanh-dong-the {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto !important;
}

.nut-xem-chi-tiet,
.nut-full-width {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0.75rem 1.25rem !important;
  background-color: var(--mau-do-nhat-ban, #c8102e) !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  border-radius: 30px !important;
  transition: all 0.25s ease !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.25) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.nut-xem-chi-tiet:hover,
.nut-full-width:hover {
  background-color: #a00d24 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(200, 16, 46, 0.4) !important;
}

.nut-nhan-bao-gia {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1rem;
  background-color: var(--mau-do-nhat-ban-nhat);
  color: var(--mau-do-nhat-ban);
  font-size: 0.85rem;
  font-weight: 800;
  border-radius: var(--bo-goc-vua);
  transition: var(--chuyen-dong-muot);
  text-align: center;
}

.nut-nhan-bao-gia:hover {
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  transform: translateY(-2px);
}

.khoi-cam-ket-nhom-xanh {
  padding: 5rem 0;
  background-color: var(--mau-trang);
  border-top: 1px solid var(--mau-xam-khung);
}

.luoi-bon-cam-ket {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
}

.the-cam-ket {
  background-color: var(--mau-xam-nen);
  padding: 2rem 1.5rem;
  border-radius: var(--bo-goc-vua);
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-nhe);
  text-align: center;
  transition: var(--chuyen-dong-muot);
}

.the-cam-ket:hover {
  transform: translateY(-5px);
  border-color: var(--mau-xanh-luc-bao);
  box-shadow: var(--bong-do-noi);
}

.bieu-tuong-cam-ket {
  font-size: 2.25rem;
  margin-bottom: 1rem;
}

.the-cam-ket h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.5rem;
}

.the-cam-ket p {
  font-size: 0.9rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.5;
}

.khoi-dieu-huong-trang {
  padding: 1.25rem 0;
  background-color: var(--mau-xam-nen);
  border-bottom: 1px solid var(--mau-xam-khung);
}

.danh-sach-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.65rem;
  font-size: 0.88rem;
  color: var(--mau-xam-nhom-trung);
  padding: 0;
  margin: 0;
  list-style: none;
}

.danh-sach-breadcrumb li {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.danh-sach-breadcrumb li.trang-hien-tai {
  white-space: normal;
  word-break: break-word;
}

.danh-sach-breadcrumb a {
  color: var(--mau-xam-nhom-dam);
  font-weight: 600;
  white-space: nowrap;
}

.danh-sach-breadcrumb a:hover {
  color: var(--mau-xanh-luc-bao);
}

.danh-sach-breadcrumb .trang-hien-tai {
  color: var(--mau-do-nhat-ban);
  font-weight: 700;
}

.khoi-chi-tiet-san-pham {
  padding: 4.5rem 0;
  background-color: var(--mau-trang);
}

.khung-hai-cot-chi-tiet {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 4rem;
  align-items: flex-start;

  margin-bottom: 4rem;
}

.cot-thu-vien-anh-san-pham {
  position: relative;
  min-width: 0;
  max-width: 100%;
}

.khung-gallery-anh-kieu-vietwood {
  display: flex;
  min-width: 0;
  max-width: 100%;
}

.khung-anh-san-pham-lon {
  position: relative;
  width: 100%;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  height: 440px;
  border-radius: var(--bo-goc-lon);
  overflow: hidden;
  border: 1px solid var(--mau-xam-khung);
  box-shadow: var(--bong-do-noi);
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.khung-anh-san-pham-lon img {
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  transition: transform 0.3s ease;
}

.nhan-noi-bat-ed {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  font-size: 0.8rem;
  font-weight: 800;
  padding: 0.4rem 0.85rem;
  border-radius: 4px;
}

.luoi-anh-nho-goc-ghep {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 1.25rem;
}

.khung-anh-nho {
  height: 90px;
  border-radius: var(--bo-goc-vua);
  overflow: hidden;
  border: 2px solid var(--mau-xam-khung);
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.khung-anh-nho img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.khung-anh-nho:hover,
.khung-anh-nho.dang-chon {
  border-color: var(--mau-do-nhat-ban);
  box-shadow: var(--bong-do-nhe);
}

.khung-cam-ket-nho {
  margin-top: 1.5rem;
  background-color: var(--mau-xam-nen);
  padding: 1.25rem;
  border-radius: var(--bo-goc-vua);
  border: 1px solid var(--mau-xam-khung);
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.the-cam-ket-nho {
  display: flex;
  gap: 0.65rem;
  font-size: 0.9rem;
  color: var(--mau-xam-nhom-dam);
  font-weight: 600;
}

.bieu-tuong-xanh {
  color: var(--mau-xanh-luc-bao);
  font-weight: 900;
}

.cot-thong-tin-san-pham-chi-tiet {
  padding-left: 1rem;
}

.tieu-de-san-pham-chi-tiet {
  font-size: 2.25rem;
  font-weight: 900;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 1.25rem;
  line-height: 1.25;
}

.khung-the-noi-bat-thong-so {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 2rem;
}

.the-thong-so-do {
  background-color: var(--mau-do-nhat-ban-nhat);
  border-left: 4px solid var(--mau-do-nhat-ban);
  padding: 0.85rem 1.25rem;
  border-radius: var(--bo-goc-vua);
  display: flex;
  flex-direction: column;
}

.the-thong-so-xanh {
  background-color: var(--mau-xanh-luc-bao-nhat);
  border-left: 4px solid var(--mau-xanh-luc-bao);
  padding: 0.85rem 1.25rem;
  border-radius: var(--bo-goc-vua);
  display: flex;
  flex-direction: column;
}

.con-so-nam {
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--mau-xam-nhom-dam);
}

.chu-chuc-nang {
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-trung);
}

.doan-mo-ta-ngan-trong-bang {
  font-size: 0.95rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.6;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed var(--mau-xam-khung);
}

.bang-thong-so-chi-tiet {
  background-color: var(--mau-xam-nen);
  border-radius: var(--bo-goc-vua);
  padding: 1.5rem;
  margin-bottom: 1.75rem;
  border: 1px solid var(--mau-xam-khung);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.hang-thong-so-chi-tiet {
  display: grid;
  grid-template-columns: 180px 1fr;
  font-size: 0.95rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px dashed var(--mau-xam-khung);
}

.hang-thong-so-chi-tiet:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ten-thong-so {
  color: var(--mau-xam-nhom-trung);
  font-weight: 600;
}

.gia-tri-thong-so {
  color: var(--mau-xam-nhom-dam);
  font-weight: 700;
}

.doan-mo-ta-san-pham-chi-tiet {
  font-size: 1rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.65;
  margin-bottom: 2rem;
}

.khung-nut-hanh-dong-chi-tiet {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.nut-bam-do-lon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 2rem;
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  font-size: 1.1rem;
  font-weight: 900;
  border-radius: var(--bo-goc-vua);
  box-shadow: 0 8px 25px rgba(200, 16, 46, 0.3);
  transition: var(--chuyen-dong-muot);
  text-align: center;
}

.nut-bam-do-lon:hover {
  background-color: #a00c24;
  color: var(--mau-trang);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(200, 16, 46, 0.4);
}

.nut-bam-xanh-lon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 2rem;
  background-color: var(--mau-xanh-luc-bao);
  color: var(--mau-trang);
  font-size: 1.05rem;
  font-weight: 800;
  border-radius: var(--bo-goc-vua);
  box-shadow: 0 8px 25px rgba(15, 76, 58, 0.25);
  transition: var(--chuyen-dong-muot);
  text-align: center;
}

.nut-bam-xanh-lon:hover {
  background-color: #082d22;
  color: var(--mau-trang);
  transform: translateY(-3px);
}

.khoi-tab-thong-tin-san-pham {
  margin-top: 4rem;
  background-color: var(--mau-xam-nen);
  border-radius: var(--bo-goc-lon);
  border: 1px solid var(--mau-xam-khung);
  overflow: hidden;
}

.thanh-tieu-de-tab {
  display: flex;
  background-color: #e2e8f0;
  border-bottom: 1px solid var(--mau-xam-khung);
}

.nut-tab-chuyen {
  padding: 1.15rem 2rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-trung);
  background: none;
  border: none;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
  border-bottom: 3px solid transparent;
}

.nut-tab-chuyen:hover,
.nut-tab-chuyen.dang-mo {
  background-color: var(--mau-trang);
  color: var(--mau-do-nhat-ban);
  border-bottom-color: var(--mau-do-nhat-ban);
}

.noi-dung-the-tab {
  padding: 3rem;
  display: none;
  background-color: var(--mau-trang);
}

.noi-dung-the-tab.dang-hien-thi {
  display: block;
}

.noi-dung-the-tab h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 1.25rem;
}

.noi-dung-the-tab p {
  font-size: 1rem;
  color: var(--mau-xam-nhom-trung);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.noi-dung-the-tab ul {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.noi-dung-the-tab li {
  font-size: 0.98rem;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.bang-thong-so-day-du {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.bang-thong-so-day-du td {
  padding: 1rem 1.25rem;
  border: 1px solid var(--mau-xam-khung);
  font-size: 0.95rem;
}

.bang-thong-so-day-du tr:nth-child(even) {
  background-color: var(--mau-xam-nen);
}

.luoi-phu-kien-dong-bo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.the-phu-kien {
  background-color: var(--mau-xam-nen);
  padding: 1.5rem;
  border-radius: var(--bo-goc-vua);
  border-left: 4px solid var(--mau-do-nhat-ban);
}

.the-phu-kien strong {
  display: block;
  font-size: 1.1rem;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.5rem;
}

.the-phu-kien p {
  font-size: 0.9rem;
  margin-bottom: 0;
}

.khoi-san-pham-lien-quan {
  margin-top: 5rem;
}

.tieu-de-san-pham-lien-quan {
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 2rem;
  text-align: center;
}

@media (max-width: 992px) {
  .khung-hai-cot-chi-tiet {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .cot-thong-tin-san-pham-chi-tiet {
    padding-left: 0;
  }

  .thanh-tieu-de-tab {
    flex-direction: column;
  }

  .nut-tab-chuyen {
    text-align: left;
  }
}

.khung-gallery-anh-kieu-vietwood {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.danh-sach-anh-nho-doc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 98px;
  flex-shrink: 0;
  max-height: 400px;

  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
}

.danh-sach-anh-nho-doc::-webkit-scrollbar {
  width: 4px;
}

.danh-sach-anh-nho-doc::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

.danh-sach-anh-nho-doc::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.danh-sach-anh-nho-doc::-webkit-scrollbar-thumb:hover {
  background: var(--mau-do-nhat-ban);
}

.danh-sach-anh-nho-doc .khung-anh-nho {
  width: 100%;
  aspect-ratio: 1;
  flex-shrink: 0;

  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #e2e8f0;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.danh-sach-anh-nho-doc .khung-anh-nho:hover,
.danh-sach-anh-nho-doc .khung-anh-nho.dang-chon {
  border-color: var(--mau-do-nhat-ban);
  transform: scale(1.04);
}

.danh-sach-anh-nho-doc .khung-anh-nho img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.khung-chon-mau-ma-ed,
.khung-hien-thi-gia-sp {
  margin: 1.5rem 0;
  padding: 1.2rem;
  background-color: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.gia-tri-tien-te {
  font-size: 1.1rem;
  color: var(--mau-do-nhat-ban);
  font-weight: 700;
}

.so-tien-sp {
  font-size: 1.4rem;
}

.tieu-de-chon-mau {
  display: block;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 0.75rem;
}

.danh-sach-cham-mau-ed {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.cham-mau-ed {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cham-mau-ed:hover,
.cham-mau-ed.dang-chon {
  transform: scale(1.2);
  box-shadow: 0 0 0 3px var(--mau-do-nhat-ban);
}

.ten-mau-hien-thi {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--mau-do-nhat-ban);
}

.khung-nut-hanh-dong-chi-tiet {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-top: 1.5rem;
}

.nut-bam-zalo-vietwood {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.95rem 1.5rem;
  background-color: #0068ff;
  color: #ffffff;
  font-weight: 800;
  font-size: 1.05rem;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(0, 104, 255, 0.3);
  transition: var(--chuyen-dong-muot);
}

.nut-bam-zalo-vietwood:hover {
  background-color: #0052cc;
  transform: translateY(-2px);
  color: #ffffff;
}

.nut-bam-hotline-vietwood {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.95rem 1.5rem;
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  font-weight: 800;
  font-size: 1.05rem;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.3);
  transition: var(--chuyen-dong-muot);
}

.nut-bam-hotline-vietwood:hover {
  background-color: var(--mau-do-nhat-ban-hover);
  transform: translateY(-2px);
  color: #ffffff;
}

.nut-bam-yeu-cau-bao-gia {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.95rem 1.5rem;
  background-color: #1e293b;
  color: #ffffff;
  font-weight: 800;
  font-size: 1.05rem;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(30, 41, 59, 0.25);
  transition: var(--chuyen-dong-muot);
}

.nut-bam-yeu-cau-bao-gia:hover {
  background-color: #0f172a;
  transform: translateY(-2px);
  color: #ffffff;
}

@media (max-width: 640px) {
  .khung-gallery-anh-kieu-vietwood {
    flex-direction: column-reverse;
  }

  .danh-sach-anh-nho-doc {
    flex-direction: row;
    width: 100%;
  }

  .danh-sach-anh-nho-doc .khung-anh-nho {
    width: 70px;
  }
}

.khoi-tab-thong-tin-san-pham-gon {
  margin-top: 3.5rem;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

.luoi-uu-diem-gon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}

.dong-uu-diem-gon {
  display: block;
  padding: 1.15rem 1.25rem;
  background-color: var(--mau-trang);
  border-left: 4px solid var(--mau-do-nhat-ban);
  border-radius: 0 var(--bo-goc-vua) var(--bo-goc-vua) 0;
  box-shadow: var(--bong-do-nhe);
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--mau-xam-nhom-dam);
  transition: var(--chuyen-dong-muot);
  margin-bottom: 0.25rem;
}

.dong-uu-diem-gon:hover {
  box-shadow: var(--bong-do-noi);
  transform: translateX(4px);
}

.bang-thong-so-gon {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
}

.bang-thong-so-gon td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f1f5f9;
  font-size: 0.92rem;
}

.bang-thong-so-gon tr:nth-child(even) {
  background-color: #f8fafc;
}

.danh-sach-phu-kien-gon {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.the-phu-kien-gon {
  padding: 0.85rem 1.2rem;
  background-color: #f8fafc;
  border-left: 4px solid var(--mau-do-nhat-ban);
  border-radius: 0 8px 8px 0;
  font-size: 0.92rem;
  color: var(--mau-xam-nhom-dam);
}

@media (max-width: 768px) {
  .luoi-uu-diem-gon {
    grid-template-columns: 1fr;
  }
}

.khung-bo-loc-da-tieu-chi {
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 1rem 1.25rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.thanh-loc-gon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: 0.75rem;
}

.nut-mo-popup-loc {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.35rem;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
  background-color: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 30px;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-mo-popup-loc:hover {
  background-color: #e2e8f0;
  border-color: var(--mau-do-nhat-ban);
  color: var(--mau-do-nhat-ban);
}

.the-loc-dang-chon {
  display: none;
  padding: 0.4rem 0.85rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--mau-do-nhat-ban);
  background-color: #fff1f2;
  border: 1px solid rgba(200, 16, 46, 0.2);
  border-radius: 20px;
}

.nut-dong-popup-loc:hover {
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  border-color: var(--mau-do-nhat-ban);
}

.than-popup-loc {
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  flex: 1;
}

.nhom-loc-popup {
  margin-bottom: 1.5rem;
}

.nhom-loc-popup:last-child {
  margin-bottom: 0;
}

.tieu-de-nhom-loc {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
  margin: 0 0 0.75rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed #e2e8f0;
}

.luoi-nut-loc-popup {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.nut-trong-popup {
  flex: 0 0 auto;
}

.nut-mau-sac-popup {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cham-mau-loc {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.chan-popup-loc {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e2e8f0;
  background-color: #f8fafc;
}

.nut-dat-lai-popup {
  flex: 1;
  padding: 0.7rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #475569;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-dat-lai-popup:hover {
  background-color: #e2e8f0;
}

.nut-ap-dung-popup {
  flex: 2;
  padding: 0.7rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff;
  background-color: var(--mau-do-nhat-ban);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-ap-dung-popup:hover {
  background-color: #a30d28;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.3);
}

.khung-bo-loc-mobile-dropdown {
  display: none;
}

.nut-tab-loc-quy-cach {
  flex: 0 0 auto;
  text-align: center;
  padding: 0.65rem 1.35rem;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
  background-color: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 30px;
  cursor: pointer;
  transition: var(--chuyen-dong-muot);
}

.nut-tab-loc-quy-cach:hover,
.nut-tab-loc-quy-cach.dang-kich-hoat {
  background-color: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  border-color: var(--mau-do-nhat-ban);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.25);
}

.the-mau-nho {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background-color: #ffffff !important;
  padding: 0.45rem 0.95rem !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 30px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
  user-select: none !important;
}

.the-mau-nho:hover {
  border-color: #c8102e !important;
  color: #c8102e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.15) !important;
}

.the-mau-nho.dang-chon {
  border-color: #c8102e !important;
  background-color: #fff1f2 !important;
  color: #c8102e !important;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.2) !important;
}

.hang-menu-loc-chi-tiet {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
}

.khung-o-loc-con {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1;
  min-width: 180px;
}

.nhan-o-loc {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
}

.the-chon-dieu-kien-loc,
.truong-nhap-tim-kiem-san-pham {
  padding: 0.65rem 0.9rem;
  font-size: 0.9rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--mau-xam-nhom-dam);
  outline: none;
  transition: var(--chuyen-dong-muot);
}

.the-chon-dieu-kien-loc:focus,
.truong-nhap-tim-kiem-san-pham:focus {
  border-color: var(--mau-do-nhat-ban);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15);
}

.nut-dat-lai-bo-loc {
  padding: 0.65rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  background-color: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  cursor: pointer;
  height: 40px;
  transition: var(--chuyen-dong-muot);
}

.nut-dat-lai-bo-loc:hover {
  background-color: #e2e8f0;
  color: var(--mau-do-nhat-ban);
}

.thanh-dem-ket-qua-loc {
  margin-top: 0.75rem;
  font-size: 0.88rem;
  color: #64748b;
}

.chu-dem-san-pham strong {
  color: var(--mau-do-nhat-ban);
}

@media (max-width: 992px) {
  .hang-menu-loc-chi-tiet {
    flex-direction: column;
    align-items: stretch;
  }

  .khung-o-loc-con {
    min-width: 100%;
  }

  .nut-dat-lai-bo-loc {
    width: 100%;
  }
}

.luoi-danh-sach-du-an-thi-cong {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 4rem;
}

.the-du-an-maxpro {
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: var(--chuyen-dong-muot);
  display: flex;
  flex-direction: column;
}

.the-du-an-maxpro:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  border-color: var(--mau-do-nhat-ban);
}

.khung-anh-du-an {
  position: relative;
  width: 100%;
  height: 240px;
  min-height: 240px;
  background-color: #f1f5f9;
  overflow: hidden;
}

.khung-anh-du-an img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.the-du-an-maxpro:hover .khung-anh-du-an img {
  transform: scale(1.08);
}

.nhan-loai-hinh-du-an {
  position: absolute;
  top: 12px;
  left: 12px;
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}

.nhan-dia-diem-du-an {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background-color: rgba(15, 23, 42, 0.85);
  color: #ffffff;
  font-size: 0.8rem;
  padding: 4px 10px;
  border-radius: 6px;
  backdrop-filter: blur(4px);
}

.noi-dung-the-du-an {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tieu-de-du-an-the {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--mau-xam-nhom-dam);
  margin-bottom: 1rem;
  line-height: 1.4;
}

.thong-tin-du-an-chi-tiet {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.85rem;
  background-color: #f8fafc;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 0.88rem;
}

.hang-thong-tin-du-an {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  color: var(--mau-xam-nhom-dam);
}

.hang-thong-tin-du-an strong {
  color: var(--mau-do-nhat-ban);
  text-align: right;
}

.mo-ta-ngan-du-an {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #64748b;
  margin-top: auto;
}

.khoi-dang-ky-tu-van-du-an {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  padding: 4.5rem 0;
  color: #ffffff;
}

.khung-form-tu-van-sang-trong {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.03);
  padding: 3rem;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.tieu-de-form-lon {
  font-size: 2rem;
  font-weight: 800;
  color: #ffffff;
  margin: 0.5rem 0 1rem;
}

.doan-form-mo-ta {
  font-size: 1rem;
  color: #cbd5e1;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.bieu-mau-tu-van-du-an {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.hang-input-doi {
  display: flex;
  gap: 1.25rem;
}

.truong-nhap-form {
  flex: 1;
  padding: 0.9rem 1.25rem;
  font-size: 0.95rem;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  color: #ffffff;
  outline: none;
  transition: var(--chuyen-dong-muot);
}

.truong-nhap-form::placeholder {
  color: #94a3b8;
}

.truong-nhap-form option {
  background-color: #1e293b;
  color: #ffffff;
}

.truong-nhap-form:focus {
  border-color: var(--mau-do-nhat-ban);
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 4px rgba(200, 16, 46, 0.25);
}

.nut-bam-gui-tu-van-du-an {
  padding: 1.1rem;
  font-size: 1rem;
  font-weight: 800;
  color: #ffffff;
  background-color: var(--mau-do-nhat-ban);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.4);
  transition: var(--chuyen-dong-muot);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.nut-bam-gui-tu-van-du-an:hover {
  background-color: #a00c24;
  transform: translateY(-2px);
}

@media (max-width: 992px) {
  .luoi-danh-sach-du-an-thi-cong {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .luoi-danh-sach-du-an-thi-cong {
    grid-template-columns: 1fr;
  }

  .hang-input-doi {
    flex-direction: column;
  }

  .khung-form-tu-van-sang-trong {
    padding: 1.75rem 1rem;
  }
}

.nut-xem-chi-tiet-du-an {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--mau-do-nhat-ban);
  background-color: #fff5f5;
  border: 1px solid #fecaca;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  transition: var(--chuyen-dong-muot);
}

.nut-xem-chi-tiet-du-an:hover {
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  border-color: var(--mau-do-nhat-ban);
}

.khung-modal-du-an-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 9999999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  padding: 20px 1rem !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.khung-modal-du-an-overlay.dang-hien-thi {
  opacity: 1 !important;
  visibility: visible !important;
}

.hop-modal-du-an-noi-dung {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  max-width: 920px !important;
  width: 100% !important;
  max-height: 84vh !important;
  position: relative !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5) !important;
  transform: scale(0.95);
  transition: transform 0.3s ease;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  margin: auto !important;
}

.khung-modal-du-an-overlay.dang-hien-thi .hop-modal-du-an-noi-dung {
  transform: scale(1);
}

.nut-dong-modal-du-an {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 700;
  color: #334155;
  cursor: pointer;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: var(--chuyen-dong-muot);
}

.nut-dong-modal-du-an:hover {
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  transform: rotate(90deg);
}

.khung-hai-cot-modal-du-an {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  align-items: stretch;
  max-height: 90vh;
  width: 100%;
}

.cot-anh-modal-du-an {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 420px;
  background-color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cot-anh-modal-du-an img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: zoom-in;
  transition: transform 0.4s ease;
}

.cot-anh-modal-du-an img:hover {
  transform: scale(1.03);
}

.cot-thong-tin-modal-du-an {
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 90vh;
  box-sizing: border-box;
}

.tieu-de-modal-du-an {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  line-height: 1.4;
  margin-bottom: 0.35rem;
}

.vi-tri-modal-du-an {
  font-size: 0.9rem;
  color: #64748b;
  margin-bottom: 1.25rem;
}

.bang-thong-so-modal-du-an {
  background-color: #f8fafc;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  font-size: 0.9rem;
  margin-bottom: 1.25rem;
}

.dong-thong-so-modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.dong-thong-so-modal strong {
  color: var(--mau-do-nhat-ban);
  text-align: right;
}

.khung-mo-ta-modal-du-an p {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #475569;
}

.khung-nut-modal-du-an {
  margin-top: auto;
  padding-top: 1.25rem;
}

.nut-goi-tu-van-modal {
  display: block;
  text-align: center;
  padding: 0.9rem 1.25rem;
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  font-weight: 800;
  border-radius: 10px;
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.25);
}

.nut-goi-tu-van-modal:hover {
  background-color: #0f172a;
  color: #ffffff;
}

@media (max-width: 991px) {
  .khung-modal-du-an-overlay {
    top: 0 !important;
    height: 100vh !important;
    padding: 12px 0.5rem !important;
  }

  .hop-modal-du-an-noi-dung {
    max-height: 88vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 16px !important;
  }

  .khung-hai-cot-modal-du-an {
    grid-template-columns: 1fr !important;
    max-height: none !important;
  }

  .cot-anh-modal-du-an {
    height: 190px !important;
    min-height: 190px !important;
  }

  .cot-thong-tin-modal-du-an {
    padding: 1rem !important;
    max-height: none !important;
    overflow-y: visible !important;
  }

  .khung-mo-ta-modal-du-an {
    margin-bottom: 1rem !important;
  }
}

.khung-danh-sach-anh-nho {
  display: flex;
  gap: 10px;
  padding: 15px;
  overflow-x: auto;
  background: #f1f5f9;
}

.khung-danh-sach-anh-nho img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: var(--chuyen-dong-muot);
}

.khung-danh-sach-anh-nho img:hover,
.khung-danh-sach-anh-nho img.dang-chon {
  border-color: var(--mau-do-nhat-ban);
}

.khung-cham-chuyen-slide {
  display: flex;
  justify-content: center;
  gap: 8px;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  z-index: 10;
}

.cham-slide {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.cham-slide.dang-chon,
.cham-slide:hover {
  background: var(--mau-do-nhat-ban);
  transform: scale(1.3);
}

@media (min-width: 992px) {
  .thanh-dieu-huong-do-vietwood .khung-chua {
    position: relative;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3) {
    position: static !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach,
  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.sub-menu {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    top: 100% !important;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    border-top: 3px solid var(--mau-do-nhat-ban);
    padding: 30px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: start !important;
    z-index: 9999;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
    transform: translateY(12px) !important;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3):hover>ul.menu-con-danh-sach,
  .dieu-huong-menu-do-chinh>ul>li:nth-child(3):hover>ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    transform: translateY(0) !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    border: none !important;
    position: relative;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>a {
    font-weight: 900 !important;
    color: #c8102e !important;
    text-transform: uppercase !important;
    font-size: 1.15rem !important;
    letter-spacing: 0.6px !important;
    padding: 0.2rem 0.5rem 0.65rem 0.5rem !important;
    margin-bottom: 0.85rem !important;
    border-bottom: 2px solid #fecdd3 !important;
    background: transparent !important;
    text-align: left !important;
    display: block !important;
    box-shadow: none !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>a .mui-ten-xuong {
    display: none !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>a:hover {
    background: transparent !important;
    color: var(--mau-den-tieu-de) !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach {
    position: static !important;
    display: block !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    margin-bottom: 8px;
    position: relative !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>a {
    color: #1e293b !important;
    font-weight: 700;
    padding: 8px 10px !important;
    font-size: 0.95rem;
    background: #f8fafc !important;
    text-align: left !important;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>a .mui-ten-xuong {
    display: none !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li:hover>a {
    color: #fff !important;
    background: var(--mau-do-nhat-ban) !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li.menu-item-has-children>a::after {
    content: "▶";
    font-size: 0.7rem;
    margin-left: 10px;
    transition: transform 0.2s ease;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li {
    position: relative !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach {
    display: none !important;
    position: absolute !important;
    left: 98% !important;
    top: -4px !important;
    width: 220px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
    padding: 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-left: 0 !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li:hover>ul.menu-con-danh-sach {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li {
    display: block !important;
    padding: 0 !important;
    margin-bottom: 6px !important;
    border: none !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li:last-child {
    margin-bottom: 0 !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>a {
    color: #1e293b !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    font-size: 0.88rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase !important;
    display: block !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
  }

  .dieu-huong-menu-do-chinh>ul>li:nth-child(3)>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>ul.menu-con-danh-sach>li>a:hover {
    color: #ffffff !important;
    background: #c8102e !important;
    border-color: #c8102e !important;
    transform: translateX(4px) !important;
  }
}

.swiper-pagination-bullet {
  min-width: 14px !important;
  min-height: 14px !important;
  margin: 0 8px !important;
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;
  background: var(--mau-xam-nhom-nhat);
  opacity: 0.7;
}

.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
}

.swiper-pagination-bullet-active {
  background: var(--mau-do-nhat-ban) !important;
  opacity: 1 !important;
}

.swiper-button-next,
.swiper-button-prev {
  min-width: 48px !important;
  min-height: 48px !important;
}

.trang-lien-he-maxpro {
  background: #f8fafc;
  padding-bottom: 5rem;
  font-family: system-ui, -apple-system, sans-serif;
}

.khung-banner-lien-he {
  background: linear-gradient(135deg, #000000 0%, #060911 100%);
  color: #fff;
  padding: 4.5rem 1.5rem 5rem;
  text-align: center;
}

.nhan-nho-danh-muc {
  color: #f59e0b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85rem;
}

.tieu-de-chinh-lien-he {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0.5rem 0 1rem;
  color: #ffffff;
}

.mo-ta-trang-lien-he {
  max-width: 750px;
  margin: 0 auto;
  color: #94a3b8;
  line-height: 1.6;
  font-size: 1.05rem;
}

.khung-chua-noi-dung-chinh {
  max-width: 1200px;
  margin: -2.5rem auto 0;
  padding: 0 1.5rem;
}

.luoi-lien-he-hai-cot {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 2.5rem;
  align-items: start;
}

.hop-khung-trang {
  background: #ffffff;
  padding: 2.25rem;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.cot-phai-thong-tin-va-ban-do {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.nhan-vung-mien {
  background: #fef2f2;
  color: #c8102e;
  padding: 0.35rem 0.8rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  display: inline-block;
}

.ten-chi-nhanh {
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0.85rem 0 1.25rem;
}

.danh-sach-thong-tin-lien-he {
  list-style: none;
  padding: 0;
  margin: 0;
}

.danh-sach-thong-tin-lien-he li {
  font-size: 0.95rem;
  color: #475569;
  margin-bottom: 0.85rem;
  line-height: 1.5;
}

.danh-sach-thong-tin-lien-he a {
  color: #c8102e;
  font-weight: 700;
  text-decoration: none;
}

.danh-sach-thong-tin-lien-he a:hover {
  text-decoration: underline;
}

.nhan-form-goc {
  color: #c8102e;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}

.tieu-de-form-goc {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0.35rem 0 0.75rem;
}

.giai-thich-form {
  color: #64748b;
  font-size: 0.95rem;
  line-height: 1.55;
  margin-bottom: 1.75rem;
}

.bieu-mau-form-goc {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.hang-nhap-hai-o {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.o-nhap-truong {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.o-nhap-truong label {
  font-size: 0.9rem;
  font-weight: 700;
  color: #334155;
}

.dau-bat-buoc {
  color: #ef4444;
}

.o-nhap-truong input,
.o-nhap-truong select,
.o-nhap-truong textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.o-nhap-truong input:focus,
.o-nhap-truong select:focus,
.o-nhap-truong textarea:focus {
  border-color: #c8102e;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15);
}

.hang-thong-tin-sp-yeu-cau.an-khoi-sp {
  display: none !important;
}

.hang-thong-tin-sp-yeu-cau input[readonly] {
  background-color: #f8fafc;
  color: #c8102e;
  font-weight: 700;
  border-color: #cbd5e1;
  cursor: default;
}

.nut-gui-form-lien-he {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.9rem 1.5rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-top: 0.5rem;
}

.nut-gui-form-lien-he:hover {
  background: #c8102e;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(200, 16, 46, 0.3);
}

.thong-bao-an-gui {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: center;
}

.thong-bao-an-gui.thanh-cong {
  display: block;
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}

.thong-bao-an-gui.that-bai {
  display: block;
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

@media (max-width: 992px) {
  .luoi-lien-he-hai-cot {
    grid-template-columns: 1fr;
  }

  .hang-nhap-hai-o {
    grid-template-columns: 1fr;
  }
}

.thanh-lien-he-noi-goc-man-hinh {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.danh-sach-nut-lien-he-con {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.nut-toggle-thanh-lien-he {
  display: none !important;
  background: linear-gradient(135deg, #c8102e 0%, #ef4444 100%);
  border: none;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 800;
}

.bieu-tuong-toggle {
  transition: transform 0.25s ease;
}

.nut-nong-lien-he {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nut-nong-lien-he:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
}

.nut-goi-dien-hotline {
  background: linear-gradient(135deg, #c8102e 0%, #ef4444 100%);
}

.vong-song-toa-ra {
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #ef4444;
  border-radius: 50%;
  animation: song-toa-hotline 1.8s infinite ease-out;
  pointer-events: none;
}

@keyframes song-toa-hotline {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

.vong-song-zalo {
  border-color: #0068ff !important;
  animation: song-toa-zalo 1.8s infinite ease-out !important;
}

@keyframes song-toa-zalo {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

.vong-song-messenger {
  border-color: #a832ef !important;
  animation: song-toa-messenger 1.8s infinite ease-out !important;
}

@keyframes song-toa-messenger {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

.nhan-hotline-noi {
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.nut-chat-zalo {
  background: #0068ff;
  font-weight: 900;
  font-size: 0.85rem;
  letter-spacing: -0.5px;
  box-shadow: 0 6px 20px rgba(0, 104, 255, 0.4);
}

.chu-zalo-badge {
  background: #ffffff;
  color: #0068ff;
  font-weight: 900;
  font-size: 0.75rem;
  padding: 3px 6px;
  border-radius: 6px;
}

.nut-chat-messenger {
  background: linear-gradient(135deg, #0084ff 0%, #a832ef 100%);
  box-shadow: 0 6px 20px rgba(0, 132, 255, 0.4);
}

.trang-chi-tiet-bai-viet {
  background: #ffffff;
  padding: 3rem 1.5rem 5rem;
}

.khung-chua-bai-viet {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 375px;
  gap: 2.5rem;
  align-items: start;
}

.tieu-de-bai-viet-chi-tiet {
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0.75rem 0 1rem;
  line-height: 1.3;
}

.the-chuyen-muc-nhan {
  background: #c8102e;
  color: #fff;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.8rem;
}

.thong-tin-tac-gia-ngay {
  color: #64748b;
  font-size: 0.9rem;
  margin-bottom: 2rem;
  display: flex;
  gap: 1.5rem;
}

.noi-dung-chi-tiet-bai-html {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #334155;
}

.noi-dung-chi-tiet-bai-html h2 {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0f172a;
  margin: 2.25rem 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #f1f5f9;
}

.noi-dung-chi-tiet-bai-html h3 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #1e293b;
  margin: 1.5rem 0 0.75rem;
}

.noi-dung-chi-tiet-bai-html p {
  margin-bottom: 1.25rem;
}

.noi-dung-chi-tiet-bai-html ul,
.noi-dung-chi-tiet-bai-html ol {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.noi-dung-chi-tiet-bai-html li {
  margin-bottom: 0.5rem;
}

.cot-thanh-ben-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
  align-self: start;
  width: 100%;
  box-sizing: border-box;
}

.hop-tu-van-bao-gia {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 1.75rem 1.25rem;
  border-radius: 12px;
  text-align: center;
}

.nut-hotline-sidebar {
  display: inline-block;
  background: #c8102e;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 1rem;
}
.hop-tin-tuc-lien-quan-sidebar {
  background: var(--mau-trang);
  border: 1px solid var(--mau-xam-khung);
  border-radius: 14px;
  padding: 1.5rem 1.25rem;
  margin-top: 1.75rem;
  box-shadow: var(--bong-do-nhe);
}
.tieu-de-khoi-sidebar {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  padding-bottom: 0.85rem;
  margin-bottom: 1.25rem;
  border-bottom: 2px solid var(--mau-do-nhat-ban);
  position: relative;
}
.danh-sach-tin-lq-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.the-tin-lq-sidebar {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  padding-bottom: 1.15rem;
  border-bottom: 1px dashed var(--mau-xam-khung);
}
.the-tin-lq-sidebar:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.anh-tin-lq-sidebar {
  width: 100px;
  height: 75px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--mau-xam-nhom-dam);
}
.anh-tin-lq-sidebar a {
  display: block;
  width: 100%;
  height: 100%;
}
.anh-tin-lq-sidebar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
}
.the-tin-lq-sidebar:hover .anh-tin-lq-sidebar img {
  transform: scale(1.08);
}
.thong-tin-tin-lq-sidebar {
  flex-grow: 1;
  min-width: 0;
}
.ngay-tin-lq {
  font-size: 0.78rem;
  color: var(--mau-xam-nhom-nhat);
  display: block;
  margin-bottom: 0.35rem;
}
.tieu-de-tin-lq {
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.42;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tieu-de-tin-lq a {
  color: var(--mau-xam-nhom-dam);
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
}
.the-tin-lq-sidebar:hover .tieu-de-tin-lq a {
  color: var(--mau-do-nhat-ban);
}

@media (max-width: 992px) {
  .khung-chua-bai-viet {
    grid-template-columns: 1fr;
  }
}

.trang-tin-tuc-maxpro {
  background: #f8fafc;
  padding-bottom: 5rem;
}

.khung-banner-tin-tuc {
  background: linear-gradient(135deg, #000000 0%, #060911 100%);
  color: #fff;
  padding: 4.5rem 1.5rem 5rem;
  text-align: center;
}

.nhan-chuyen-muc-nho {
  color: #f59e0b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85rem;
}

.tieu-de-chinh-tin-tuc {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0.5rem 0 1rem;
  color: #ffffff;
}

.mo-ta-chuyen-muc-tin-tuc {
  max-width: 700px;
  margin: 0 auto;
  color: #94a3b8;
  line-height: 1.6;
  font-size: 1.05rem;
}

.khung-chua-noi-dung-chinh {
  max-width: 1200px;
  margin: -2.5rem auto 0;
  padding: 0 1.5rem;
}

.khung-bai-viet-noi-bat {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 3rem;
  border: 1px solid #e2e8f0;
}

.the-bai-viet-hot {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.khung-anh-hot {
  position: relative;
  height: 380px;
  overflow: hidden;
}

.khung-anh-hot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.khung-anh-hot:hover img {
  transform: scale(1.05);
}

.nhan-hot-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: #c8102e;
  color: #fff;
  padding: 0.35rem 0.85rem;
  border-radius: 20px;
  font-weight: 700;
  font-size: 0.8rem;
  box-shadow: 0 4px 10px rgba(200, 16, 46, 0.4);
}

.noi-dung-hot {
  padding: 2.5rem;
}

.the-loai-tin {
  background: #eff6ff;
  color: #c8102e;
  padding: 0.35rem 0.8rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  margin-right: 0.75rem;
}

.ngay-dang-tin {
  color: #64748b;
  font-size: 0.85rem;
}

.tieu-de-hot {
  font-size: 1.6rem;
  font-weight: 800;
  margin: 1rem 0;
  line-height: 1.35;
}

.tieu-de-hot a {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.2s;
}

.tieu-de-hot a:hover {
  color: #c8102e;
}

.mo-ta-ngan-hot {
  color: #475569;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
}

.nut-doc-bai-hot {
  display: inline-block;
  background: #0f172a;
  color: #fff;
  padding: 0.75rem 1.6rem;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}

.nut-doc-bai-hot:hover {
  background: #c8102e;
  transform: translateX(3px);
}

.thanh-danh-muc-tin-tuc {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.nut-tab-chuyen-muc {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #475569;
  padding: 0.65rem 1.35rem;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.9rem;
}

.nut-tab-chuyen-muc.kich-hoat,
.nut-tab-chuyen-muc:hover {
  background: #c8102e;
  color: #ffffff;
  border-color: #c8102e;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.25);
}

.luoi-danh-sach-tin-tuc {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 2rem;
}

.the-tin-tuc-item {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  transition: transform 0.3s, box-shadow 0.3s;
}

.the-tin-tuc-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.07);
}

.khung-anh-the-tin {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.khung-anh-the-tin img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.the-tin-tuc-item:hover .khung-anh-the-tin img {
  transform: scale(1.06);
}

.the-danh-muc-goc {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  background: rgba(15, 23, 42, 0.88);
  color: #fff;
  padding: 0.3rem 0.65rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

.noi-dung-the-tin {
  padding: 1.5rem;
}

.ngay-dang {
  color: #94a3b8;
  font-size: 0.8rem;
  font-weight: 500;
}

.tieu-de-the-tin {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0.5rem 0 0.75rem;
  line-height: 1.4;
}

.tieu-de-the-tin a {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.2s;
}

.tieu-de-the-tin a:hover {
  color: #c8102e;
}

.mo-ta-the-tin {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.55;
  margin-bottom: 1.25rem;
}

.nut-xem-chi-tiet-tin {
  color: #c8102e;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.2s;
}

.nut-xem-chi-tiet-tin:hover {
  transform: translateX(3px);
}

@media (max-width: 768px) {
  .the-bai-viet-hot {
    grid-template-columns: 1fr;
  }

  .luoi-danh-sach-tin-tuc {
    grid-template-columns: 1fr;
  }

  .khung-anh-hot {
    height: 240px;
  }
}

.can-giua-van-ban {
  text-align: center;
}

.tieu-de-trang-con-khung {
  max-width: 950px;
  margin: 0 auto;
}

.khung-bo-loc-du-an {
  margin-bottom: 3rem;
}

.hang-the-tab-loc-chinh {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.hang-tab-giua {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.nut-tro-truot-menu {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: #000000;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  font-size: 0.8rem;
  cursor: pointer;
  z-index: 99;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
  transition: all 0.25s ease;
}

.nut-tro-truot-menu:hover {
  background: #c8102e;
  transform: translateY(-50%) scale(1.1);
}

body.khoa-cuon-trang {
  overflow: hidden;
}

.nen-mo-menu {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 9997;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.nen-mo-menu.dang-mo {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.panel-menu-mobile {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 290px !important;
  max-width: 85vw !important;
  height: 100vh !important;
  background: #0f172a !important;
  color: #ffffff !important;
  z-index: 9998 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-shadow: 4px 0 30px rgba(0, 0, 0, 0.6) !important;
  transform: translateX(-100%) !important;
  visibility: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
}

.panel-menu-mobile.dang-mo {
  transform: translateX(0) !important;
  visibility: visible !important;
}

.tieu-de-panel-mobile {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  background: #0b1120 !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.nut-dong-panel-mobile {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 1.2rem !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
  line-height: 1 !important;
  transition: color 0.2s !important;
}

.nut-dong-panel-mobile:hover {
  color: #ffffff !important;
}

.khung-tim-kiem-panel-mobile {
  padding: 0.85rem 1rem !important;
  background: #0b1120 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.form-tim-kiem-mobile {
  display: flex !important;
  align-items: center !important;
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  padding: 3px 4px 3px 12px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.form-tim-kiem-mobile:focus-within {
  border-color: #c8102e !important;
  box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.25) !important;
}

.nhap-tim-kiem-mobile {
  flex: 1 !important;
  min-width: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-family: inherit !important;
  padding: 0.4rem 0.25rem 0.4rem 0 !important;
  box-shadow: none !important;
}

.nhap-tim-kiem-mobile::placeholder {
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
}

.nut-submit-tim-kiem-mobile {
  background: #c8102e !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: background-color 0.2s !important;
  padding: 0 !important;
}

.nut-submit-tim-kiem-mobile:hover {
  background: #a00d24 !important;
}

.danh-sach-menu-mobile {
  list-style: none !important;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.danh-sach-menu-mobile li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
  margin: 0 !important;
  position: relative !important;
}

.danh-sach-menu-mobile li a {
  display: block !important;
  padding: 0.9rem 1.25rem !important;
  color: #f1f5f9 !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
}

.danh-sach-menu-mobile li a:hover {
  background: rgba(200, 16, 46, 0.15) !important;
  border-left-color: #c8102e !important;
  color: #ffffff !important;
  padding-left: 1.75rem !important;
}

.danh-sach-menu-mobile .mui-ten-xuong {
  display: none !important;
}

.danh-sach-menu-mobile .nut-mo-menu-con {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 48px !important;
  height: 48px !important;
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease, background-color 0.2s ease !important;
}

.danh-sach-menu-mobile .nut-mo-menu-con:hover {
  color: #ffffff !important;
  background: rgba(200, 16, 46, 0.15) !important;
}

.danh-sach-menu-mobile li.dang-mo-con > .nut-mo-menu-con {
  transform: rotate(180deg) !important;
  color: #c8102e !important;
}

.danh-sach-menu-mobile li {
  position: relative;
}

.danh-sach-menu-mobile li.menu-item-has-children>a {
  padding-right: 3rem;
}

.danh-sach-menu-mobile .sub-menu,
.danh-sach-menu-mobile .menu-con-danh-sach {
  display: block !important;
  max-height: 0 !important;
  overflow: hidden !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  position: static !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-4px);
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, transform 0.3s ease, visibility 0.4s ease !important;
}

.danh-sach-menu-mobile li.dang-mo-con>.sub-menu,
.danh-sach-menu-mobile li.dang-mo-con>.menu-con-danh-sach {
  max-height: 1200px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
}

.danh-sach-menu-mobile .sub-menu li,
.danh-sach-menu-mobile .menu-con-danh-sach li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  margin: 0 !important;
  width: 100% !important;
}

.danh-sach-menu-mobile .sub-menu li a,
.danh-sach-menu-mobile .menu-con-danh-sach li a {
  padding: 0.75rem 1.25rem 0.75rem 2.25rem !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-left: 2px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.danh-sach-menu-mobile .sub-menu li a:hover,
.danh-sach-menu-mobile .menu-con-danh-sach li a:hover {
  color: #ffffff !important;
  background: rgba(200, 16, 46, 0.15) !important;
  border-left-color: #c8102e !important;
  padding-left: 2.75rem !important;
}

.danh-sach-menu-mobile ul ul li a {
  padding-left: 3.25rem !important;
  font-size: 0.78rem !important;
  color: #64748b !important;
}

.danh-sach-menu-mobile ul ul li a:hover {
  padding-left: 3.75rem !important;
  color: #cbd5e1 !important;
}

.khoi-dang-ky-bao-gia {
  padding: 3.5rem 0;
  background: linear-gradient(135deg, #c8102e 0%, #e1d8d6 100%);
  position: relative;
  overflow: hidden;
}

.khoi-dang-ky-bao-gia::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -20%;
  width: 140%;
  height: 200%;
  background: radial-gradient(circle, rgba(200, 16, 46, 0.15) 0%, transparent 60%);
  pointer-events: none;
}

.hop-khung-dang-ky-bao-gia {
  max-width: 920px;
  margin: 0 auto;
  background: rgba(30, 41, 59, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--bo-goc-vua);
  padding: 2.25rem 2.5rem;
  backdrop-filter: blur(16px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
}

.tieu-de-form-goc-do {
  color: #ff2d55;
  font-size: 1.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
  text-align: center;
  text-shadow: 0 2px 10px rgba(255, 45, 85, 0.3);
}

.danh-sach-uu-dai-form {
  display: flex;
  justify-content: center;
  gap: 1.75rem;
  margin-bottom: 0.6rem;
  flex-wrap: wrap;
}

.danh-sach-uu-dai-form p {
  color: #f1f5f9;
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0;
}

.mo-ta-bao-mat-form {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.5;
  text-align: center;
  max-width: 780px;
  margin: 0 auto 1.25rem;
}

.so-hotline-do {
  color: #ff2d55;
  font-weight: 800;
  font-size: 0.95rem;
}

.hang-nhap-ba-o {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.85rem;
}

.hang-nhap-hai-o-duoi {
  display: flex;
  gap: 0.85rem;
  align-items: center;
}

.bieu-mau-bao-gia-trang-chu input[type="text"],
.bieu-mau-bao-gia-trang-chu input[type="tel"],
.bieu-mau-bao-gia-trang-chu input[type="email"],
.bieu-mau-bao-gia-trang-chu select.o-chon-he-nhom {
  width: 100%;
  height: 48px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 0 1rem;
  color: #ffffff;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.bieu-mau-bao-gia-trang-chu input::placeholder {
  color: #94a3b8;
}

.bieu-mau-bao-gia-trang-chu input:focus,
.bieu-mau-bao-gia-trang-chu select:focus {
  outline: none;
  border-color: #c8102e;
  box-shadow: 0 0 12px rgba(200, 16, 46, 0.4);
  background: rgba(15, 23, 42, 0.95);
}

.bieu-mau-bao-gia-trang-chu select.o-chon-he-nhom option {
  background-color: #0f172a;
  color: #ffffff;
}

.nut-gui-bao-gia-trang-chu {
  height: 48px;
  white-space: nowrap;
  padding: 0 2.25rem;
  font-size: 0.95rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #c8102e 0%, #991b1b 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(200, 16, 46, 0.45);
  transition: all 0.3s ease;
}

.nut-gui-bao-gia-trang-chu:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #e11d48 0%, #c8102e 100%);
  box-shadow: 0 12px 28px rgba(200, 16, 46, 0.65);
}

.noi-dung-trang-chi-tiet,
.noi-dung-chi-tiet-bai-html {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #1e293b;
}

.noi-dung-trang-chi-tiet p,
.noi-dung-chi-tiet-bai-html p {
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

.noi-dung-trang-chi-tiet h1,
.noi-dung-chi-tiet-bai-html h1 {
  font-size: 2.1rem;
  font-weight: 700;
  margin: 1.8rem 0 1rem 0;
  color: #0f172a;
  border: none;
  padding: 0;
}

.noi-dung-trang-chi-tiet h2,
.noi-dung-chi-tiet-bai-html h2 {
  font-size: 1.65rem;
  font-weight: 700;
  margin: 1.6rem 0 0.8rem 0;
  color: #0f172a;
  border: none;
  padding: 0;
}

.noi-dung-trang-chi-tiet h3,
.noi-dung-chi-tiet-bai-html h3 {
  font-size: 1.35rem;
  font-weight: 700;
  margin: 1.4rem 0 0.6rem 0;
  color: #0f172a;
  border: none;
  padding: 0;
}

.noi-dung-trang-chi-tiet h4,
.noi-dung-chi-tiet-bai-html h4 {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 1.2rem 0 0.5rem 0;
  color: #0f172a;
}

.noi-dung-trang-chi-tiet h5,
.noi-dung-chi-tiet-bai-html h5 {
  font-size: 1rem;
  font-weight: 700;
  margin: 1rem 0 0.5rem 0;
  color: #0f172a;
}

.noi-dung-trang-chi-tiet h6,
.noi-dung-chi-tiet-bai-html h6 {
  font-size: 0.9rem;
  font-weight: 700;
  margin: 1rem 0 0.5rem 0;
  color: #0f172a;
}

.noi-dung-trang-chi-tiet ul,
.noi-dung-chi-tiet-bai-html ul,
.noi-dung-bai-viet-san-pham ul,
.doan-mo-ta-ngan-trong-bang ul,
.khung-noi-dung-co-thu-gon ul,
.noi-dung-bai-viet ul,
.entry-content ul,
.noi-dung-trang-don ul {
  list-style-type: disc !important;
  margin: 0.85rem 0 1.25rem 0 !important;
  padding-left: 1.5rem !important;
}

.noi-dung-trang-chi-tiet ol,
.noi-dung-chi-tiet-bai-html ol,
.noi-dung-bai-viet-san-pham ol,
.doan-mo-ta-ngan-trong-bang ol,
.khung-noi-dung-co-thu-gon ol,
.noi-dung-bai-viet ol,
.entry-content ol,
.noi-dung-trang-don ol {
  list-style-type: decimal !important;
  margin: 0.85rem 0 1.25rem 0 !important;
  padding-left: 1.5rem !important;
}

.noi-dung-trang-chi-tiet li,
.noi-dung-chi-tiet-bai-html li,
.noi-dung-bai-viet-san-pham li,
.doan-mo-ta-ngan-trong-bang li,
.khung-noi-dung-co-thu-gon li,
.noi-dung-bai-viet li,
.entry-content li,
.noi-dung-trang-don li {
  display: list-item !important;
  list-style-position: outside !important;
  margin-bottom: 0.45rem !important;
  line-height: 1.65 !important;
}

.noi-dung-trang-chi-tiet ul ul,
.noi-dung-chi-tiet-bai-html ul ul,
.noi-dung-bai-viet-san-pham ul ul,
.khung-noi-dung-co-thu-gon ul ul {
  list-style-type: circle !important;
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
  padding-left: 1.25rem !important;
}

.noi-dung-trang-chi-tiet strong,
.noi-dung-chi-tiet-bai-html strong {
  font-weight: 700;
  color: #0f172a;
}

.noi-dung-trang-chi-tiet em,
.noi-dung-chi-tiet-bai-html em {
  font-style: italic;
}

.noi-dung-trang-chi-tiet u,
.noi-dung-chi-tiet-bai-html u {
  text-decoration: underline;
}

.noi-dung-trang-chi-tiet a,
.noi-dung-chi-tiet-bai-html a {
  color: #0068ff;
  text-decoration: underline;
}

.noi-dung-trang-chi-tiet a:hover,
.noi-dung-chi-tiet-bai-html a:hover {
  color: #c8102e;
}

.noi-dung-trang-chi-tiet blockquote,
.noi-dung-chi-tiet-bai-html blockquote {
  border-left: 3px solid #cbd5e1;
  margin: 1.5rem 0;
  padding: 0.8rem 1.2rem;
  font-style: italic;
  color: #475569;
}

.noi-dung-trang-chi-tiet table,
.noi-dung-chi-tiet-bai-html table,
.noi-dung-bai-viet-san-pham table,
.entry-content table,
table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  margin: 1.75rem 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

.noi-dung-trang-chi-tiet table::-webkit-scrollbar,
.noi-dung-chi-tiet-bai-html table::-webkit-scrollbar,
.noi-dung-bai-viet-san-pham table::-webkit-scrollbar,
.entry-content table::-webkit-scrollbar,
table::-webkit-scrollbar {
  height: 6px;
}

.noi-dung-trang-chi-tiet table::-webkit-scrollbar-track,
.noi-dung-chi-tiet-bai-html table::-webkit-scrollbar-track,
.noi-dung-bai-viet-san-pham table::-webkit-scrollbar-track,
.entry-content table::-webkit-scrollbar-track,
table::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

.noi-dung-trang-chi-tiet table::-webkit-scrollbar-thumb,
.noi-dung-chi-tiet-bai-html table::-webkit-scrollbar-thumb,
.noi-dung-bai-viet-san-pham table::-webkit-scrollbar-thumb,
.entry-content table::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.noi-dung-trang-chi-tiet th,
.noi-dung-chi-tiet-bai-html th,
.noi-dung-bai-viet-san-pham th,
.entry-content th,
table th,
.noi-dung-trang-chi-tiet td,
.noi-dung-chi-tiet-bai-html td,
.noi-dung-bai-viet-san-pham td,
.entry-content td,
table td {
  padding: 11px 14px;
  border: 1px solid #cbd5e1;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  min-width: 120px;
  font-size: 0.92rem;
  line-height: 1.5;
}

.noi-dung-trang-chi-tiet th:first-child,
.noi-dung-chi-tiet-bai-html th:first-child,
.noi-dung-bai-viet-san-pham th:first-child,
.entry-content th:first-child,
table th:first-child,
.noi-dung-trang-chi-tiet td:first-child,
.noi-dung-chi-tiet-bai-html td:first-child,
.noi-dung-bai-viet-san-pham td:first-child,
.entry-content td:first-child,
table td:first-child {
  min-width: 95px;
}

.noi-dung-trang-chi-tiet th:nth-child(2),
.noi-dung-chi-tiet-bai-html th:nth-child(2),
.noi-dung-bai-viet-san-pham th:nth-child(2),
.entry-content th:nth-child(2),
table th:nth-child(2),
.noi-dung-trang-chi-tiet td:nth-child(2),
.noi-dung-chi-tiet-bai-html td:nth-child(2),
.noi-dung-bai-viet-san-pham td:nth-child(2),
.entry-content td:nth-child(2),
table td:nth-child(2) {
  min-width: 150px;
}

.noi-dung-trang-chi-tiet th:nth-child(3),
.noi-dung-chi-tiet-bai-html th:nth-child(3),
.noi-dung-bai-viet-san-pham th:nth-child(3),
.entry-content th:nth-child(3),
table th:nth-child(3),
.noi-dung-trang-chi-tiet td:nth-child(3),
.noi-dung-chi-tiet-bai-html td:nth-child(3),
.noi-dung-bai-viet-san-pham td:nth-child(3),
.entry-content td:nth-child(3),
table td:nth-child(3) {
  min-width: 95px;
}

.noi-dung-trang-chi-tiet th:nth-child(4),
.noi-dung-chi-tiet-bai-html th:nth-child(4),
.noi-dung-bai-viet-san-pham th:nth-child(4),
.entry-content th:nth-child(4),
table th:nth-child(4),
.noi-dung-trang-chi-tiet td:nth-child(4),
.noi-dung-chi-tiet-bai-html td:nth-child(4),
.noi-dung-bai-viet-san-pham td:nth-child(4),
.entry-content td:nth-child(4),
table td:nth-child(4) {
  min-width: 140px;
}

.noi-dung-trang-chi-tiet th,
.noi-dung-chi-tiet-bai-html th,
.noi-dung-bai-viet-san-pham th,
.entry-content th,
table th {
  background-color: #f1f5f9;
  font-weight: 700;
  color: #0f172a;
}

.noi-dung-trang-chi-tiet tr:nth-child(even),
.noi-dung-chi-tiet-bai-html tr:nth-child(even),
.noi-dung-bai-viet-san-pham tr:nth-child(even),
.entry-content tr:nth-child(even),
table tr:nth-child(even) {
  background-color: #f8fafc;
}

.noi-dung-trang-chi-tiet img,
.noi-dung-chi-tiet-bai-html img {
  max-width: 100%;
  height: auto;
  margin: 1.2rem 0;
}

.noi-dung-trang-chi-tiet hr,
.noi-dung-chi-tiet-bai-html hr {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 2rem 0;
}

.khung-noi-dung-co-thu-gon {
  position: relative;
  transition: all 0.4s ease;
}

.khung-noi-dung-co-thu-gon.bi-thu-gon {
  max-height: 500px;
  overflow: hidden;
}

.khung-noi-dung-co-thu-gon.bi-thu-gon::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 100%);
  pointer-events: none;
}

.khung-noi-dung-co-thu-gon.da-mo-rong {
  max-height: none !important;
  overflow: visible;
}

.khung-noi-dung-co-thu-gon.da-mo-rong::after {
  display: none;
}

.khung-nut-xem-them-mo-ta {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 10;
}

.nut-xem-them-mo-ta {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: #f1f5f9;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.75rem 2.2rem;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease;
}

.nut-xem-them-mo-ta:hover {
  background: #c8102e;
  color: #ffffff;
  border-color: #c8102e;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35);
  transform: translateY(-2px);
}

.khung-nut-xem-them-mo-ta.la-sticky {
  position: sticky;
  bottom: 25px;
  z-index: 999;
  width: fit-content;
  margin: 1.5rem auto 0 auto;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 6px 12px;
  border-radius: 40px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(203, 213, 225, 0.8);
}

.khung-nut-xem-them-mo-ta.la-sticky .nut-xem-them-mo-ta {
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
  box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3);
}

.khung-nut-xem-them-mo-ta.la-sticky .nut-xem-them-mo-ta:hover {
  background: #c8102e;
  border-color: #c8102e;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.4);
}

#ez-toc-container,
.ez-toc-v2_0.ez-toc-container {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  padding: 18px 22px;
  margin: 2rem 0;
  width: 100%;
  box-sizing: border-box;
}

#ez-toc-container .ez-toc-title-container,
.ez-toc-v2_0 .ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 10px;
  margin-bottom: 14px;
}

#ez-toc-container p.ez-toc-title,
.ez-toc-v2_0 p.ez-toc-title,
#ez-toc-container .ez-toc-title {
  font-size: 0 !important;
  margin: 0;
  line-height: 1;
}

#ez-toc-container p.ez-toc-title::before,
.ez-toc-v2_0 p.ez-toc-title::before,
#ez-toc-container .ez-toc-title::before {
  content: "📌 Mục Lục Bài Viết";
  font-size: 17px !important;
  font-weight: 800;
  color: #c8102e;
  letter-spacing: -0.2px;
}

#ez-toc-container .ez-toc-btn-default,
.ez-toc-v2_0 .ez-toc-btn-default {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 4px 8px;
  transition: all 0.2s ease;
}

#ez-toc-container .ez-toc-btn-default:hover,
.ez-toc-v2_0 .ez-toc-btn-default:hover {
  border-color: #c8102e;
  color: #c8102e;
}

#ez-toc-container ul.ez-toc-list,
.ez-toc-v2_0 ul.ez-toc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#ez-toc-container ul.ez-toc-list li,
.ez-toc-v2_0 ul.ez-toc-list li {
  margin-bottom: 8px;
  font-size: 14.5px;
  line-height: 1.6;
}

#ez-toc-container ul.ez-toc-list li a,
.ez-toc-v2_0 ul.ez-toc-list li a {
  color: #1e293b;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s ease;
}

#ez-toc-container ul.ez-toc-list li a:hover,
.ez-toc-v2_0 ul.ez-toc-list li a:hover {
}

.noi-dung-trang-chi-tiet tr:nth-child(even),
.noi-dung-chi-tiet-bai-html tr:nth-child(even),
.noi-dung-bai-viet-san-pham tr:nth-child(even),
.entry-content tr:nth-child(even),
table tr:nth-child(even) {
  background-color: #f8fafc;
}

.noi-dung-trang-chi-tiet img,
.noi-dung-chi-tiet-bai-html img {
  max-width: 100%;
  height: auto;
  margin: 1.2rem 0;
}

.noi-dung-trang-chi-tiet hr,
.noi-dung-chi-tiet-bai-html hr {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 2rem 0;
}

.khung-noi-dung-co-thu-gon {
  position: relative;
  transition: all 0.4s ease;
}

.khung-noi-dung-co-thu-gon.bi-thu-gon {
  max-height: 500px;
  overflow: hidden;
}

.khung-noi-dung-co-thu-gon.bi-thu-gon::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 100%);
  pointer-events: none;
}

.khung-noi-dung-co-thu-gon.da-mo-rong {
  max-height: none !important;
  overflow: visible;
}

.khung-noi-dung-co-thu-gon.da-mo-rong::after {
  display: none;
}

.khung-nut-xem-them-mo-ta {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 10;
}

.nut-xem-them-mo-ta {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: #f1f5f9;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.75rem 2.2rem;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease;
}

.nut-xem-them-mo-ta:hover {
  background: #c8102e;
  color: #ffffff;
  border-color: #c8102e;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35);
  transform: translateY(-2px);
}

.khung-nut-xem-them-mo-ta.la-sticky {
  position: sticky;
  bottom: 25px;
  z-index: 999;
  width: fit-content;
  margin: 1.5rem auto 0 auto;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 6px 12px;
  border-radius: 40px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(203, 213, 225, 0.8);
}

.khung-nut-xem-them-mo-ta.la-sticky .nut-xem-them-mo-ta {
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
  box-shadow: 0 4px 15px rgba(15, 23, 42, 0.3);
}

.khung-nut-xem-them-mo-ta.la-sticky .nut-xem-them-mo-ta:hover {
  background: #c8102e;
  border-color: #c8102e;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.4);
}

#ez-toc-container,
.ez-toc-v2_0.ez-toc-container {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  padding: 18px 22px;
  margin: 2rem 0;
  width: 100%;
  box-sizing: border-box;
}

#ez-toc-container .ez-toc-title-container,
.ez-toc-v2_0 .ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 10px;
  margin-bottom: 14px;
}

#ez-toc-container p.ez-toc-title,
.ez-toc-v2_0 p.ez-toc-title,
#ez-toc-container .ez-toc-title {
  font-size: 0 !important;
  margin: 0;
  line-height: 1;
}

#ez-toc-container p.ez-toc-title::before,
.ez-toc-v2_0 p.ez-toc-title::before,
#ez-toc-container .ez-toc-title::before {
  content: "📌 Mục Lục Bài Viết";
  font-size: 17px !important;
  font-weight: 800;
  color: #c8102e;
  letter-spacing: -0.2px;
}

#ez-toc-container .ez-toc-btn-default,
.ez-toc-v2_0 .ez-toc-btn-default {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 4px 8px;
  transition: all 0.2s ease;
}

#ez-toc-container .ez-toc-btn-default:hover,
.ez-toc-v2_0 .ez-toc-btn-default:hover {
  border-color: #c8102e;
  color: #c8102e;
}

#ez-toc-container ul.ez-toc-list,
.ez-toc-v2_0 ul.ez-toc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#ez-toc-container ul.ez-toc-list li,
.ez-toc-v2_0 ul.ez-toc-list li {
  margin-bottom: 8px;
  font-size: 14.5px;
  line-height: 1.6;
}

#ez-toc-container ul.ez-toc-list li a,
.ez-toc-v2_0 ul.ez-toc-list li a {
  color: #1e293b;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s ease;
}

#ez-toc-container ul.ez-toc-list li a:hover,
.ez-toc-v2_0 ul.ez-toc-list li a:hover {
  color: #c8102e;
  transform: translateX(4px);
  font-weight: 700;
}

#ez-toc-container ul.ez-toc-list ul,
.ez-toc-v2_0 ul.ez-toc-list ul {
  padding-left: 18px;
  margin-top: 6px;
}

.khung-chua-can-giua {
  text-align: center;
}
.tieu-de-banner-danh-muc {
  max-width: 950px;
  margin: 0 auto 1rem;
}
.doan-van-banner-danh-muc {
  max-width: 800px;
  margin: 0 auto;
}
.khung-bo-loc-phai {
  justify-content: flex-end;
  padding-bottom: 10px;
}
.khung-khong-co-san-pham {
  grid-column: 1 / -1;
  text-align: center;
  padding: 4rem 1rem;
}
.doan-van-khong-san-pham {
  font-size: 1.2rem;
  color: var(--mau-xam-nhom-trung);
}
.nut-xem-tat-ca-san-pham {
  margin-top: 1rem;
  display: inline-block;
}
.khung-khong-ket-qua-loc {
  display: none;
  text-align: center;
  padding: 4rem 1rem;
}
.doan-van-khong-ket-qua {
  font-size: 1.25rem;
  color: var(--mau-xam-nhom-dam);
  font-weight: 700;
}
.nut-reset-bo-loc {
  margin-top: 1rem;
  display: inline-block;
  cursor: pointer;
}
.khung-anh-dai-dien-bai-viet {
  margin-bottom: 2.5rem;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.anh-dai-dien-bai-viet-img {
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
  display: block;
}
.khung-hien-thi-mau-sp {
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}
.tieu-de-chon-mau {
  display: block;
}
#khong-tim-thay-ket-qua-loc {
  display: none;
  margin-top: 2.5rem;
  text-align: center;
}

.the-loc-dang-chon {
  display: none;
  padding: 0.4rem 0.85rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--mau-do-nhat-ban);
  background-color: #fff1f2;
  border: 1px solid rgba(200, 16, 46, 0.2);
  border-radius: 20px;
}

.the-loc-dang-chon.hien-thi {
  display: inline-block;
}

.man-nen-popup-loc {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999998;
  backdrop-filter: blur(5px);
}

.man-nen-popup-loc.hien-thi,
.man-nen-popup-loc.dang-mo {
  display: block !important;
}

.popup-bo-loc {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: 90%;
  max-width: 680px;
  max-height: 85vh;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
  z-index: 999999;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.popup-bo-loc.hien-thi,
.popup-bo-loc.dang-mo {
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  z-index: 999999 !important;
}

.dau-popup-loc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(135deg, #fef2f2, #fff7ed);
}

.tieu-de-popup-loc {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--mau-xam-nhom-dam);
  margin: 0;
}

.nut-dong-popup-loc {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nut-dong-popup-loc:hover {
  background-color: var(--mau-do-nhat-ban);
  color: #ffffff;
  border-color: var(--mau-do-nhat-ban);
}
.ten-mau-da-chon-txt {
  color: #c8102e;
  font-weight: 800;
}
.danh-sach-mau-sac {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.cham-tron-mau {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  border: 1px solid rgba(0,0,0,0.1);
}
.khung-flex-cot-gap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
.trang-tim-kiem-khung {
  padding: 5rem 1.5rem;
  background: #f8fafc;
  min-height: 70vh;
}
.khung-chua-trang-tim-kiem {
  max-width: 1200px;
  margin: 0 auto;
}
.tieu-de-trang-tim-kiem-khung {
  text-align: center;
  margin-bottom: 3rem;
}
.tieu-de-tim-kiem-h1 {
  font-size: 2rem;
  color: #0f172a;
  margin-bottom: 1rem;
}
.tu-khoa-do {
  color: #c8102e;
}
.doan-van-tim-kiem-mo-ta {
  color: #64748b;
}
.luoi-ket-qua-tim-kiem-khung {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}
.the-ket-qua-item-khung {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}
.khung-anh-the-tim-kiem {
  position: relative;
  height: 220px;
  overflow: hidden;
}
.anh-the-tim-kiem-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.the-loai-bai-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: #c8102e;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
}
.noi-dung-the-tim-kiem {
  padding: 1.5rem;
}
.ngay-dang-tim-kiem {
  color: #64748b;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.tieu-de-the-tim-kiem {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.tieu-de-the-tim-kiem a {
  color: #0f172a;
  text-decoration: none;
}
.mo-ta-the-tim-kiem {
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.nut-xem-chi-tiet-tim-kiem {
  display: inline-block;
  color: #fff;
  background-color: #c8102e;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
  border: 1px solid #c8102e;
  transition: all 0.3s;
}
.khung-khong-tim-thay-tim-kiem {
  grid-column: 1 / -1;
  text-align: center;
  padding: 4rem 2rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}
.svg-khong-tim-thay {
  margin-bottom: 1rem;
}
.tieu-de-khong-tim-thay {
  font-size: 1.5rem;
  color: #334155;
  margin-bottom: 0.5rem;
}
.mo-ta-khong-tim-thay {
  color: #64748b;
  margin-bottom: 1.5rem;
}
.nut-thu-tim-kiem-khac {
  background: #c8102e;
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}
.noi-dung-trang-mac-dinh-khung {
  padding: 5rem 1.5rem;
}
.khung-chua-trang-mac-dinh {
  max-width: 1000px;
  margin: 0 auto;
}
.tieu-de-mo-ta-modal {
  margin-bottom: 0.5rem;
  color: var(--mau-xam-nhom-dam);
}
.anh-banner-swiper-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cot-banner-hinhanh {
  min-width: 0;
  position: relative;
}
.khung-anh-banner-cao-cap {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 4/3;
  width: 100%;
}
.tieu-de-do-nhom {
  color: #c8102e;
}
.mo-ta-phan-chinh-can-giua {
  font-size: 0.95rem;
  color: #475569;
  max-width: 800px;
  margin: 0 auto;
}
.mo-ta-phan-chinh-margin-auto {
  margin: 0 auto;
}
.khung-text-can-giua {
  text-align: center;
}
.phong-tieu-de-phan-mau-khung {
  margin-bottom: 1.25rem;
  text-align: center;
}
.truong-an-honeypot {
  display: none !important;
}
.hang-nhap-hai-o-margin-top {
  margin-top: 0.75rem;
}
.o-nhap-truong-flex-1 {
  flex: 1;
}
.thong-bao-an-gui-hidden {
  display: none;
  margin-top: 0.75rem;
}
.logo-thuong-hieu-khung {
  margin-bottom: 1.25rem;
}
.logo-thuong-hieu-trang {
  color: var(--mau-trang);
}
.thuong-hieu-do {
  color: var(--mau-do-nhat-ban);
}
.doan-van-mota-footer {
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
.doan-van-tieuchuan-footer {
  font-weight: 700;
  color: var(--mau-trang);
}
.cot-anh-modal-container {
  position: relative;
  height: 100%;
  min-height: 450px;
  background-color: #f1f5f9;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.anh-modal-du-an-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  cursor: zoom-in;
}
.nhan-loai-hinh-modal-inline {
  position: static;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.an-tin-tuc {
  display: none !important;
}
.tieu-de-showroom-bando {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.khung-nhap-ban-do-embed iframe {
  border: 0;
  border-radius: 10px;
  width: 100%;
  height: 280px;
}
.thanh-nhan-anh-duoi-xanh {
  background-color: rgba(15, 76, 58, 0.92);
}
.noi-dung-index-khung {
  padding: 5rem 1.5rem;
  text-align: center;
}
.the-du-an-maxpro {
  cursor: pointer;
}
.khoi-tin-tuc-trang-chu {
  padding: 5.5rem 0;
  background-color: var(--mau-xam-nen);
}
.dau-khung-tin-tuc-trang-chu {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
  gap: 1.5rem;
}
.nhom-tieu-de-tin-tuc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.khoi-tin-tuc-trang-chu .tieu-de-phan-chinh {
  margin-bottom: 0.5rem;
}
.khoi-tin-tuc-trang-chu .mo-ta-phan-chinh {
  margin: 0;
  max-width: 650px;
}
.nut-xem-tat-ca-tin {
  white-space: nowrap;
  padding: 0.75rem 1.5rem;
}
.khung-tin-tuc-tap-chi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: stretch;
}
.the-tin-tuc-tam-diem {
  background: var(--mau-trang);
  border-radius: var(--bo-goc-lon);
  border: 1px solid var(--mau-xam-khung);
  overflow: hidden;
  box-shadow: var(--bong-do-nhe);
  display: flex;
  flex-direction: column;
  transition: var(--chuyen-dong-muot);
  height: 100%;
}
.the-tin-tuc-tam-diem:hover {
  transform: translateY(-4px);
  box-shadow: var(--bong-do-noi);
  border-color: rgba(200, 16, 46, 0.3);
}
.khung-anh-tam-diem {
  position: relative;
  width: 100%;
  height: 290px;
  overflow: hidden;
  background: var(--mau-xam-nhom-dam);
}
.khung-anh-tam-diem a {
  display: block;
  width: 100%;
  height: 100%;
}
.khung-anh-tam-diem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  display: block;
}
.the-tin-tuc-tam-diem:hover .khung-anh-tam-diem img {
  transform: scale(1.06);
}
.nhan-tam-diem-hot {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: linear-gradient(135deg, var(--mau-do-nhat-ban) 0%, #ff4d4f 100%);
  color: var(--mau-trang);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.35rem 0.85rem;
  border-radius: var(--bo-goc-tron);
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.4);
  z-index: 2;
  letter-spacing: 0.5px;
}
.noi-dung-tam-diem {
  padding: 1.75rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.thong-tin-phu-tin-tuc {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-size: 0.82rem;
}
.the-loai-tin-the {
  color: var(--mau-do-nhat-ban);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.ngay-dang-tin-the {
  color: var(--mau-xam-nhom-nhat);
}
.tieu-de-tin-tam-diem {
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 0.85rem;
}
.tieu-de-tin-tam-diem a {
  color: var(--mau-xam-nhom-dam);
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
}
.tieu-de-tin-tam-diem a:hover {
  color: var(--mau-do-nhat-ban);
}
.mo-ta-tin-tam-diem {
  color: var(--mau-xam-nhom-trung);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}
.nut-doc-tin-tam-diem {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--mau-do-nhat-ban);
  font-weight: 800;
  font-size: 0.92rem;
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
}
.nut-doc-tin-tam-diem span {
  transition: transform 0.3s ease;
}
.nut-doc-tin-tam-diem:hover {
  color: var(--mau-do-nhat-ban-hover);
}
.nut-doc-tin-tam-diem:hover span {
  transform: translateX(5px);
}
.danh-sach-tin-phu {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
}
.the-tin-phu-ngang {
  background: var(--mau-trang);
  border-radius: var(--bo-goc-vua);
  border: 1px solid var(--mau-xam-khung);
  padding: 1.25rem;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  box-shadow: var(--bong-do-nhe);
  transition: var(--chuyen-dong-muot);
  flex: 1;
}
.the-tin-phu-ngang:hover {
  border-color: rgba(200, 16, 46, 0.4);
  transform: translateY(-2px);
  box-shadow: var(--bong-do-noi);
}
.khung-anh-tin-phu {
  width: 135px;
  height: 100px;
  flex-shrink: 0;
  border-radius: var(--bo-goc-nhon);
  overflow: hidden;
  background: var(--mau-xam-nhom-dam);
}
.khung-anh-tin-phu a {
  display: block;
  width: 100%;
  height: 100%;
}
.khung-anh-tin-phu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.the-tin-phu-ngang:hover .khung-anh-tin-phu img {
  transform: scale(1.08);
}
.noi-dung-tin-phu {
  flex-grow: 1;
  min-width: 0;
}
.noi-dung-tin-phu .thong-tin-phu-tin-tuc {
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
}
.tieu-de-tin-phu {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tieu-de-tin-phu a {
  color: var(--mau-xam-nhom-dam);
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
}
.tieu-de-tin-phu a:hover {
  color: var(--mau-do-nhat-ban);
}
.lien-ket-doc-nhanh {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--mau-do-nhat-ban);
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
}
.lien-ket-doc-nhanh:hover {
  color: var(--mau-do-nhat-ban-hover);
  text-decoration: underline;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.navigation.pagination {
  margin-top: 3.5rem;
  margin-bottom: 2rem;
}
.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.navigation.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 0.85rem;
  border-radius: var(--bo-goc-nhon);
  border: 1px solid var(--mau-xam-khung);
  background: var(--mau-trang);
  color: var(--mau-xam-nhom-dam);
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: var(--chuyen-dong-muot);
  box-shadow: var(--bong-do-nhe);
}
.navigation.pagination a.page-numbers:hover {
  border-color: var(--mau-do-nhat-ban);
  color: var(--mau-do-nhat-ban);
  transform: translateY(-2px);
  box-shadow: var(--bong-do-noi);
}
.navigation.pagination .page-numbers.current {
  background: var(--mau-do-nhat-ban);
  color: var(--mau-trang);
  border-color: var(--mau-do-nhat-ban);
  box-shadow: var(--bong-do-nut-do);
}
.navigation.pagination .next.page-numbers,
.navigation.pagination .prev.page-numbers {
  padding: 0 1.25rem;
  font-size: 0.9rem;
}
.navigation.pagination .page-numbers.dots {
  border: none;
  background: transparent;
  box-shadow: none;
  min-width: 24px;
}

.khoi-diem-manh-cong-nghe,
.khoi-san-pham-noi-bat,
.khoi-du-an-tieu-bieu,
.khoi-quy-trinh-lam-viec,
.khoi-tin-tuc-trang-chu,
.khoi-keu-goi-lien-he,
.khoi-danh-muc-san-pham,
.khoi-ung-dung-vuot-troi,
.khoi-gioi-thieu-cua-nhom-xanh,
.khoi-gioi-thieu-maxpro {
  content-visibility: auto;
  contain-intrinsic-size: 1px 500px;
}

.hieu-ung-cuon-hien {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
  transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.hieu-ung-cuon-hien.hien-tu-trai {
  transform: translate3d(-36px, 0, 0);
}

.hieu-ung-cuon-hien.hien-tu-phai {
  transform: translate3d(36px, 0, 0);
}

.hieu-ung-cuon-hien.hien-thu-phong {
  transform: scale3d(1.05, 1.05, 1);
}

.hieu-ung-cuon-hien.da-xuat-hien {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.tre-1 {
  transition-delay: 0.08s;
}

.tre-2 {
  transition-delay: 0.16s;
}

.tre-3 {
  transition-delay: 0.24s;
}

.tre-4 {
  transition-delay: 0.32s;
}

.the-san-pham-cao-cap,
.the-san-pham-maxpro,
.the-diem-manh-cong-nghe,
.the-du-an-cong-trinh,
.the-du-an-maxpro,
.the-tin-tam-diem,
.the-tin-tuc-item,
.the-bai-viet-hot,
.the-ket-qua-item-khung,
.the-chi-tiet-cong-ty,
.the-dong-maxpro {
  position: relative;
  overflow: hidden;
}

.the-san-pham-cao-cap::after,
.the-san-pham-maxpro::after,
.the-du-an-cong-trinh::after,
.the-du-an-maxpro::after,
.the-tin-tuc-item::after,
.the-bai-viet-hot::after,
.the-ket-qua-item-khung::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
  transform: skewX(-22deg);
  pointer-events: none;
  transition: none;
}

.the-san-pham-cao-cap:hover::after,
.the-san-pham-maxpro:hover::after,
.the-du-an-cong-trinh:hover::after,
.the-du-an-maxpro:hover::after,
.the-tin-tuc-item:hover::after,
.the-bai-viet-hot:hover::after,
.the-ket-qua-item-khung:hover::after {
  left: 180%;
  transition: left 0.85s ease-in-out;
}

.khung-anh-mau-nhom,
.khung-anh-gioi-thieu-noibat,
.khung-anh-dai-dien-bai-viet {
  overflow: hidden;
  border-radius: var(--bo-goc-vua);
}

.khung-anh-mau-nhom img,
.khung-anh-gioi-thieu-noibat img,
.khung-anh-dai-dien-bai-viet img {
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

.hang-ung-dung-san-pham:hover .khung-anh-mau-nhom img,
.khung-anh-gioi-thieu-noibat:hover img {
  transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
  .hieu-ung-cuon-hien {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.wp-caption,
.wp-caption[style],
div[id^="attachment_"],
figure.wp-caption {
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.wp-caption img,
.wp-caption a img,
img.size-full,
img.size-large,
img.size-medium,
[class*="wp-image-"] {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.wp-caption .wp-caption-text {
  font-size: 0.88rem;
  color: #64748b;
  text-align: center;
  padding: 0.5rem 0;
  word-break: break-word;
}