/* ==================================================
   YẾN BÌNH DƯƠNG GIAa
   MODULE 01: SẢN PHẨM NỔI BẬT
   ================================================== */

body section.section_product_new.module_product {
  position: relative;
  background-color: #073d38 !important;
  background-image:
    radial-gradient(circle at 20% 15%, rgba(216,179,106,.12), transparent 30%),
    radial-gradient(circle at 85% 80%, rgba(216,179,106,.08), transparent 28%) !important;
  padding: 58px 0 68px !important;
  overflow: hidden;
}

/* Các lớp bên trong trong suốt */
body section.section_product_new.module_product > .container,
body section.section_product_new.module_product .container,
body section.section_product_new.module_product .row,
body section.section_product_new.module_product .content_module {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Tiêu đề */
body section.section_product_new.module_product .heading {
  margin-bottom: 34px !important;
  text-align: center !important;
}

body section.section_product_new.module_product .heading h2 {
  margin: 0 !important;
  text-align: center !important;
}

body section.section_product_new.module_product .heading h2 a,
body section.section_product_new.module_product .heading h2 span {
  color: #d8b36a !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.28);
}

/* Thẻ sản phẩm */
body section.section_product_new.module_product .item_product_main {
  background: #fffaf1 !important;
  border: 1px solid rgba(216,179,106,.72) !important;
  border-radius: 8px !important;
  padding: 9px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

body section.section_product_new.module_product .item_product_main:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(0,0,0,.3) !important;
}

/* Khung ảnh vuông */
body section.section_product_new.module_product .image_thumb {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
}

/* Ảnh sản phẩm */
body section.section_product_new.module_product .image_thumb img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  transition: transform .4s ease !important;
}

body section.section_product_new.module_product .item_product_main:hover .image_thumb img {
  transform: scale(1.035);
}

/* Thông tin sản phẩm */
body section.section_product_new.module_product .product-info {
  float: none !important;
  width: 100% !important;
  padding: 15px 7px 8px !important;
  text-align: center !important;
}

body section.section_product_new.module_product .product-info h3 {
  float: none !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 0 5px !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body section.section_product_new.module_product .product-info h3 a {
  color: #073d38 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body section.section_product_new.module_product .product-info h3 a:hover {
  color: #b88435 !important;
}

/* Giá */
body section.section_product_new.module_product .price-box,
body section.section_product_new.module_product .price-box .price,
body section.section_product_new.module_product .price-box .product-price {
  color: #b88435 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body section.section_product_new.module_product .price-box .gia {
  color: #775b35 !important;
  font-weight: 400 !important;
}

/* Nút giỏ hàng */
body section.section_product_new.module_product .btn-views,
body section.section_product_new.module_product .action-cart button {
  border-color: #d8b36a !important;
  color: #b88435 !important;
  background: #fffaf1 !important;
}

body section.section_product_new.module_product .btn-views:hover,
body section.section_product_new.module_product .action-cart button:hover {
  background: #073d38 !important;
  border-color: #073d38 !important;
  color: #ffffff !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
  body section.section_product_new.module_product {
    padding: 48px 0 56px !important;
  }

  body section.section_product_new.module_product .heading h2 a,
  body section.section_product_new.module_product .heading h2 span {
    font-size: 33px !important;
  }
}

/* Điện thoại */
@media (max-width: 767px) {
  body section.section_product_new.module_product {
    padding: 36px 0 44px !important;
  }

  body section.section_product_new.module_product .heading {
    margin-bottom: 24px !important;
  }

  body section.section_product_new.module_product .heading h2 a,
  body section.section_product_new.module_product .heading h2 span {
    font-size: 28px !important;
  }

  body section.section_product_new.module_product .item_product_main {
    padding: 6px !important;
    border-radius: 6px !important;
  }

  body section.section_product_new.module_product .product-info {
    padding: 11px 4px 5px !important;
  }

  body section.section_product_new.module_product .product-info h3 {
    min-height: 38px !important;
    line-height: 1.35 !important;
  }

  body section.section_product_new.module_product .product-info h3 a {
    font-size: 13px !important;
  }

  body section.section_product_new.module_product .price-box {
    font-size: 13px !important;
  }
}
/* ==================================================
   TINH CHỈNH THẺ SẢN PHẨM NỔI BẬT
   ================================================== */

/* Nền emerald đúng bảng màu thương hiệu */
html body section.section_product_new.module_product {
  background-color: #0d4d45 !important;
  background-image:
    radial-gradient(circle at 15% 15%, rgba(216,179,106,.14), transparent 32%),
    radial-gradient(circle at 88% 85%, rgba(255,255,255,.055), transparent 30%),
    linear-gradient(135deg, #0d4d45 0%, #083f39 58%, #062f2b 100%) !important;
  padding-top: 52px !important;
  padding-bottom: 58px !important;
}

/* Bỏ chiều cao dư từ CSS gốc */
html body section.section_product_new.module_product .item_product_main {
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  padding: 7px 7px 10px !important;

  background: #fffaf1 !important;
  border: 1px solid #d8b36a !important;
  border-radius: 9px !important;

  box-shadow:
    0 0 0 1px rgba(255,240,190,.22),
    0 8px 20px rgba(0,0,0,.25),
    0 0 18px rgba(216,179,106,.18) !important;
}

/* Viền vàng nổi bật khi rê chuột */
html body section.section_product_new.module_product .item_product_main:hover {
  border-color: #edcb82 !important;
  transform: translateY(-4px) !important;

  box-shadow:
    0 0 0 2px rgba(216,179,106,.28),
    0 15px 32px rgba(0,0,0,.34),
    0 0 25px rgba(216,179,106,.30) !important;
}

/* Khung ảnh */
html body section.section_product_new.module_product .image_thumb {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 5px !important;
}

/* Thu gọn phần thông tin */
html body section.section_product_new.module_product .product-info {
  height: auto !important;
  min-height: 0 !important;
  padding: 11px 5px 3px !important;
}

/* Bỏ chiều cao cố định của tên sản phẩm */
html body section.section_product_new.module_product .product-info h3 {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 4px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

/* Tên sản phẩm */
html body section.section_product_new.module_product .product-info h3 a {
  color: #083f39 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Giá gần tên hơn */
html body section.section_product_new.module_product .price-box {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  color: #b88435 !important;
}

/* Tiêu đề module */
html body section.section_product_new.module_product .heading {
  margin-bottom: 28px !important;
}

html body section.section_product_new.module_product .heading h2 a,
html body section.section_product_new.module_product .heading h2 span {
  color: #e3bf74 !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.35),
    0 0 18px rgba(216,179,106,.16) !important;
}

/* Mobile */
@media (max-width: 767px) {
  html body section.section_product_new.module_product {
    padding-top: 34px !important;
    padding-bottom: 40px !important;
  }

  html body section.section_product_new.module_product .item_product_main {
    min-height: 0 !important;
    padding: 5px 5px 8px !important;
  }

  html body section.section_product_new.module_product .product-info {
    padding: 9px 3px 2px !important;
  }

  html body section.section_product_new.module_product .product-info h3 {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 3px !important;
  }

  html body section.section_product_new.module_product .product-info h3 a {
    font-size: 13px !important;
  }
}
/* =========================================================
   BÌNH DƯƠNG GIA – HỆ MÀU LUXURY CHÍNH THỨC
   Emerald #0D4D45
   Deep Emerald #062F2B
   Champagne Gold #D8B36A
   Ivory #F9F5EE
   Deep Black #1B1B1B
   ========================================================= */

:root {
  --bdg-emerald: #0D4D45;
  --bdg-emerald-dark: #062F2B;
  --bdg-gold: #D8B36A;
  --bdg-ivory: #F9F5EE;
  --bdg-black: #1B1B1B;
  --bdg-white: #FFFFFF;
  --bdg-text: #2E302F;
}

/* Nền tổng thể */
html,
body {
  background-color: var(--bdg-ivory) !important;
  color: var(--bdg-text) !important;
}

/* Các khối nền sáng */
main,
#MainContent,
.main-content,
.section_white,
.bg_white,
.bg-white {
  background-color: var(--bdg-ivory) !important;
}

/* =========================================================
   HEADER
   ========================================================= */

header,
.header,
.header-main,
.header_menu,
.header-nav,
.header-nav-main,
.header_top,
.header-bottom,
.header_bottom {
  background-color: var(--bdg-emerald-dark) !important;
  background-image: none !important;
}

header a,
.header a,
.header-main a,
.header_menu a,
.header-nav a,
.header-nav-main a {
  color: var(--bdg-ivory) !important;
}

header a:hover,
.header a:hover,
.header-main a:hover,
.header_menu a:hover,
.header-nav a:hover {
  color: var(--bdg-gold) !important;
}

header .active > a,
.header .active > a,
.header_menu .active > a,
.header-nav .active > a {
  color: var(--bdg-gold) !important;
}

/* Dropdown menu */
header .dropdown-menu,
.header .dropdown-menu,
.header-nav .dropdown-menu,
.header_menu .dropdown-menu,
.header-nav ul ul {
  background-color: var(--bdg-emerald-dark) !important;
  border: 1px solid rgba(216, 179, 106, 0.45) !important;
}

header .dropdown-menu a,
.header .dropdown-menu a,
.header-nav ul ul a {
  color: var(--bdg-ivory) !important;
}

header .dropdown-menu a:hover,
.header .dropdown-menu a:hover,
.header-nav ul ul a:hover {
  background-color: var(--bdg-emerald) !important;
  color: var(--bdg-gold) !important;
}

/* Ô tìm kiếm */
header input,
.header input,
.search-bar input,
.search-header input {
  background-color: var(--bdg-ivory) !important;
  border-color: rgba(216, 179, 106, 0.6) !important;
  color: var(--bdg-black) !important;
}

header button,
.header button,
.search-bar button,
.search-header button {
  color: var(--bdg-gold) !important;
}

/* =========================================================
   TIÊU ĐỀ CHUNG
   ========================================================= */

.heading h1,
.heading h2,
.heading h3,
.title_module_main,
.title_module_main h2,
.title_module_main a,
.section-title,
.section-title h2 {
  color: var(--bdg-emerald-dark) !important;
}

.heading h1 a,
.heading h2 a,
.heading h2 span,
.title_module_main h2 a,
.title_module_main h2 span {
  color: inherit !important;
}

/* =========================================================
   SẢN PHẨM NỔI BẬT
   ========================================================= */

html body section.section_product_new.module_product {
  background-color: var(--bdg-emerald-dark) !important;
  background-image:
    radial-gradient(
      circle at 18% 15%,
      rgba(216, 179, 106, 0.12),
      transparent 30%
    ),
    radial-gradient(
      circle at 86% 78%,
      rgba(13, 77, 69, 0.8),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      var(--bdg-emerald-dark) 0%,
      var(--bdg-emerald) 52%,
      var(--bdg-emerald-dark) 100%
    ) !important;
}

html body section.section_product_new.module_product .container,
html body section.section_product_new.module_product .row {
  background: transparent !important;
}

/* Tiêu đề trên nền xanh */
html body section.section_product_new.module_product .heading,
html body section.section_product_new.module_product .heading h2,
html body section.section_product_new.module_product .heading h2 a,
html body section.section_product_new.module_product .heading h2 span {
  color: var(--bdg-gold) !important;
}

/* Thẻ sản phẩm */
html body section.section_product_new.module_product .item_product_main {
  background-color: var(--bdg-ivory) !important;
  border: 1px solid var(--bdg-gold) !important;

  box-shadow:
    0 0 0 1px rgba(216, 179, 106, 0.18),
    0 10px 26px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(216, 179, 106, 0.14) !important;
}

html body section.section_product_new.module_product .item_product_main:hover {
  border-color: #E7C77E !important;

  box-shadow:
    0 0 0 2px rgba(216, 179, 106, 0.25),
    0 16px 34px rgba(0, 0, 0, 0.34),
    0 0 26px rgba(216, 179, 106, 0.24) !important;
}

html body section.section_product_new.module_product .image_thumb {
  background-color: #FFFFFF !important;
}

html body section.section_product_new.module_product .product-info h3,
html body section.section_product_new.module_product .product-info h3 a {
  color: var(--bdg-emerald-dark) !important;
}

html body section.section_product_new.module_product .price-box,
html body section.section_product_new.module_product .price-box .price,
html body section.section_product_new.module_product .product-price {
  color: #B88435 !important;
}
/* =========================================
   DANH MỤC SẢN PHẨM – GIỮ NGUYÊN FORM GỐC
   ========================================= */

html body .section_category {
  margin: 0 !important;
  padding: 42px 0 48px !important;
  background:
    radial-gradient(
      circle at 20% 15%,
      rgba(216, 179, 106, 0.08),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #062f2b 0%,
      #0d4d45 55%,
      #073d38 100%
    ) !important;
}

/* Không đổi kích thước và cấu trúc carousel */
html body .section_category .container,
html body .section_category .row,
html body .section_category .owl-carousel,
html body .section_category .owl-stage-outer,
html body .section_category .owl-stage {
  background: transparent !important;
}

/* Tiêu đề */
html body .section_category .heading {
  margin-bottom: 28px !important;
}

html body .section_category .heading h2,
html body .section_category .heading h2 a,
html body .section_category .heading h2 span {
  color: #d8b36a !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.28) !important;
}

/* Chỉ chỉnh chính thẻ ảnh, không chỉnh khung cha */
html body .section_category img {
  border-radius: 50% !important;
  border: 2px solid #d8b36a !important;
  box-shadow:
    0 0 0 3px rgba(216, 179, 106, 0.10),
    0 9px 22px rgba(0, 0, 0, 0.26) !important;
}

/* Giữ tên gốc */
html body .section_category h3,
html body .section_category h3 a,
html body .section_category h4,
html body .section_category h4 a,
html body .section_category .title,
html body .section_category .title a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  color: #f9f5ee !important;
  background: transparent !important;
  text-align: center !important;
}

/* Không tạo khung vuông */
html body .section_category .owl-item,
html body .section_category .owl-item > div,
html body .section_category .owl-item a {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  html body .section_category {
    padding: 32px 0 38px !important;
  }
}
/* XÓA KHOẢNG TRẮNG GIỮA CÁC MODULE TRANG CHỦ */

html body .section_product_new {
  margin-bottom: 0 !important;
}

html body .section_category {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hai khối đứng sát nhau */
html body .section_product_new + .section_category {
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* Xóa khoảng trắng từ lớp bao ngoài */
html body .section_product_new .container,
html body .section_category .container {
  margin-bottom: 0 !important;
}

/* Xóa dải trắng bên dưới danh mục */
html body .section_category + section,
html body .section_category + div {
  margin-top: 0 !important;
}

/* Mobile giữ nguyên carousel gốc */
@media (max-width: 767px) {
  html body .section_category {
    padding-top: 28px !important;
    padding-bottom: 34px !important;
  }
}
/* CĂN LẠI TIÊU ĐỀ VÀ HÀNG DANH MỤC */

html body .section_category {
  padding-top: 28px !important;
  padding-bottom: 52px !important;
}

html body .section_category .heading {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

html body .section_category .heading h2 {
  margin: 0 !important;
  padding: 0 !important;
}

html body .section_category .heading + .row,
html body .section_category .heading + div,
html body .section_category .owl-carousel,
html body .section_category .owl-stage-outer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Kéo riêng hàng ảnh lên gần tiêu đề */
html body .section_category .owl-carousel {
  transform: translateY(-26px) !important;
  margin-bottom: -26px !important;
}

/* Giữ tên danh mục không bị thanh xem thử che */
html body .section_category h3,
html body .section_category h3 a,
html body .section_category h4,
html body .section_category h4 a,
html body .section_category .title,
html body .section_category .title a {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 12px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 767px) {
  html body .section_category .owl-carousel {
    transform: translateY(-14px) !important;
    margin-bottom: -14px !important;
  }
}
/* CÂN ĐỐI 2 KHỐI SẢN PHẨM VÀ DANH MỤC */

html body .section_product_new.module_product {
  padding-top: 42px !important;
  padding-bottom: 46px !important;
}

html body .section_product_new.module_product .heading {
  margin-bottom: 22px !important;
}

html body .section_category {
  padding-top: 30px !important;
  padding-bottom: 34px !important;
}

html body .section_category .heading {
  margin-bottom: 18px !important;
}

/* Đồng bộ tiêu đề */
html body .section_product_new .heading h2,
html body .section_category .heading h2 {
  line-height: 1.2 !important;
}

/* Thu gọn khoảng trắng giữa các module */
html body .section_product_new,
html body .section_category {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* HẠ CỤM CHIM YẾN + TIÊU ĐỀ DANH MỤC XUỐNG NHẸ */

html body .section_category {
  padding-top: 40px !important;
}

html body .section_category .heading {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
  transform: none !important;
}

html body .section_category .heading h2 {
  margin: 0 !important;
  padding: 0 !important;
}
/* ==================================================
   HEADER DESKTOP – LOGO TRÁI, MENU MỘT HÀNG
   ================================================== */

@media (min-width: 992px) {

  /* Khung điều hướng */
  html body .wrap_main {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #062f2b !important;
    border-bottom: 1px solid rgba(216, 179, 106, 0.35) !important;
  }

  html body .wrap_main .header-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Bỏ toàn bộ căn giữa và float cũ */
  html body .wrap_main .header-nav > ul {
    float: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  /* Logo sang trái */
  html body .wrap_main ul.logo.center {
    order: 1 !important;
    display: block !important;
    flex: 0 0 145px !important;
    width: 145px !important;
    margin-right: 28px !important;
    text-align: left !important;
  }

  html body .wrap_main ul.logo.center li.logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .wrap_main ul.logo.center .logo-wrapper {
    display: block !important;
    width: 132px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .wrap_main ul.logo.center img {
    display: block !important;
    width: auto !important;
    max-width: 132px !important;
    max-height: 68px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  /* Hai nửa menu nối liền sau logo */
  html body .wrap_main ul.nav-left {
    order: 2 !important;
  }

  html body .wrap_main ul.nav-right {
    order: 3 !important;
  }

  html body .wrap_main ul.nav-left,
  html body .wrap_main ul.nav-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body .wrap_main .nav-item {
    display: flex !important;
    align-items: center !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .wrap_main .nav-item > a {
    display: flex !important;
    align-items: center !important;
    height: 78px !important;
    padding: 0 15px !important;

    color: #f9f5ee !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  html body .wrap_main .nav-item.active > a,
  html body .wrap_main .nav-item:hover > a {
    color: #d8b36a !important;
  }

  /* Mũi tên menu con */
  html body .wrap_main .nav-item > a .fa-caret-down {
    margin-left: 6px !important;
    color: #d8b36a !important;
    font-size: 11px !important;
  }
}
/* ==================================================
   HEADER DESKTOP – GỘP THÀNH MỘT HÀNG
   ẨN HOTLINE + TÀI KHOẢN
   GIỮ TÌM KIẾM + GIỎ HÀNG
   ================================================== */

@media (min-width: 992px) {

  /* Đưa topbar phủ lên hàng menu, không chiếm thêm chiều cao */
  html body .topbar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 78px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 50 !important;
    pointer-events: none !important;
  }

  html body .topbar .container,
  html body .topbar .row {
    height: 78px !important;
    min-height: 78px !important;
  }

  html body .topbar .row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  /* Ẩn Hotline */
  html body .topbar .time_contact {
    display: none !important;
  }

  /* Ẩn đúng class Tài khoản của theme */
  html body .topbar .accout {
    display: none !important;
  }

  /* Căn cụm tìm kiếm + giỏ hàng sang phải */
  html body .topbar .header_r {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar .cartsearch {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar .searchhd,
  html body .topbar .carthd,
  html body .topbar .searchhd *,
  html body .topbar .carthd * {
    pointer-events: auto !important;
  }

  html body .topbar .searchhd,
  html body .topbar .carthd {
    float: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Tìm kiếm chỉ hiện biểu tượng giống mẫu */
  html body .topbar .searchhd > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
  }

  html body .topbar .searchhd > span i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  html body .topbar .searchhd > span img {
    width: 21px !important;
    height: 21px !important;
    object-fit: contain !important;
  }

  /* Giỏ hàng chỉ hiện biểu tượng */
  html body .topbar .carthd .cartext {
    display: none !important;
  }

  html body .topbar .carthd .icon_hotline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar .carthd .icon_hotline i {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  html body .topbar .carthd .icon_hotline img {
    width: 23px !important;
    height: 23px !important;
    object-fit: contain !important;
  }

  /* Nền header thống nhất */
  html body .wraphead_mobile.d-none.d-lg-block,
  html body .wrap_main {
    background: #062f2b !important;
  }

  /* Chừa vị trí bên phải cho hai biểu tượng */
  html body .wrap_main .header-nav {
    position: relative !important;
    padding-right: 105px !important;
  }

  /* Header chỉ còn một hàng */
  html body .wraphead_mobile.d-none.d-lg-block {
    min-height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(216, 179, 106, 0.35) !important;
  }
}
/* =====================================================
   HEADER PC HOÀN CHỈNH
   LOGO | MENU | SEARCH | CART
   ===================================================== */

@media screen and (min-width: 992px) {

  /* Ẩn hàng Hotline - Tài khoản - tiện ích cũ */
  html body .topbar {
    display: none !important;
  }

  html body .wraphead_mobile.d-none.d-lg-block,
  html body .wrap_main {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #062f2b !important;
  }

  html body .wraphead_mobile.d-none.d-lg-block {
    border-bottom: 1px solid rgba(216, 179, 106, 0.4) !important;
  }

  /* Toàn bộ header một hàng */
  html body .bdg-header-desktop {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Logo */
  html body .bdg-header-logo {
    display: flex !important;
    flex: 0 0 112px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 112px !important;
    height: 78px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 !important;
  }

  html body .bdg-header-logo .logo-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .bdg-header-logo img {
    display: block !important;
    width: auto !important;
    max-width: 104px !important;
    max-height: 68px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  /* Menu */
  html body .bdg-main-menu {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    width: auto !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body .bdg-main-menu > .nav-item {
    position: relative !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .bdg-main-menu > .nav-item > a {
    display: flex !important;
    align-items: center !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    color: #f9f5ee !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body .bdg-main-menu > .nav-item.active > a,
  html body .bdg-main-menu > .nav-item:hover > a {
    color: #d8b36a !important;
  }

  html body .bdg-main-menu .fa-caret-down {
    margin-left: 5px !important;
    color: #d8b36a !important;
    font-size: 10px !important;
  }

  /* Menu thả xuống */
  html body .bdg-main-menu .item_small {
    position: absolute !important;
    top: 78px !important;
    left: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    width: 230px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #ffffff !important;
    border-top: 2px solid #d8b36a !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
    list-style: none !important;
  }

  html body .bdg-main-menu > .nav-item:hover > .item_small {
    display: block !important;
  }

  html body .bdg-main-menu .item_small > li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .bdg-main-menu .item_small > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    color: #173f3a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  html body .bdg-main-menu .item_small > li:hover > a {
    background: #f7f1e7 !important;
    color: #9c762f !important;
  }

  /* Khối tìm kiếm nằm ngay sau Liên hệ */
  html body .bdg-header-search {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 180px !important;
    height: 78px !important;
    margin: 0 0 0 18px !important;
    padding: 0 !important;
  }

  html body form.bdg-desktop-search {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    width: 250px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(216, 179, 106, 0.8) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  }

  html body form.bdg-desktop-search input {
    display: block !important;
    flex: 1 1 auto !important;
    width: calc(100% - 46px) !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #173f3a !important;
    font-size: 13px !important;
    line-height: 40px !important;
  }

  html body form.bdg-desktop-search input::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
  }

  html body form.bdg-desktop-search button {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #062f2b !important;
    cursor: pointer !important;
  }

  html body form.bdg-desktop-search button i {
    color: #062f2b !important;
    font-size: 20px !important;
  }

  html body form.bdg-desktop-search:focus-within {
    border-color: #d8b36a !important;
    box-shadow:
      0 0 0 2px rgba(216, 179, 106, 0.18),
      0 5px 16px rgba(0, 0, 0, 0.2) !important;
  }

  /* Giỏ hàng cuối hàng */
  html body .bdg-header-cart {
    display: flex !important;
    flex: 0 0 52px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 52px !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .bdg-desktop-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    text-decoration: none !important;
  }

  html body .bdg-cart-icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
  }

  html body .bdg-cart-icon img {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
  }

  html body .bdg-cart-count {
    position: absolute !important;
    top: -3px !important;
    right: -5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    background: #d8b36a !important;
    border-radius: 20px !important;
    color: #062f2b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
  }
}

/* Laptop màn hình nhỏ */
@media screen and (min-width: 992px) and (max-width: 1199px) {

  html body .bdg-header-logo {
    flex-basis: 90px !important;
    width: 90px !important;
    margin-right: 6px !important;
  }

  html body .bdg-header-logo img {
    max-width: 84px !important;
  }

  html body .bdg-main-menu > .nav-item > a {
    padding: 0 6px !important;
    font-size: 11px !important;
  }

  html body .bdg-header-search {
    margin-left: 8px !important;
  }

  html body form.bdg-desktop-search {
    width: 185px !important;
  }

  html body form.bdg-desktop-search input {
    padding-left: 9px !important;
    font-size: 11px !important;
  }
}
/* MỞ RỘNG THANH TÌM KIẾM TRÊN PC */

@media screen and (min-width: 1200px) {
  html body .bdg-header-search {
    min-width: 310px !important;
    margin-left: 14px !important;
  }

  html body form.bdg-desktop-search {
    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  html body .bdg-header-search {
    flex: 0 0 255px !important;
    min-width: 255px !important;
    margin-left: 8px !important;
  }

  html body form.bdg-desktop-search {
    flex: 0 0 255px !important;
    width: 255px !important;
    min-width: 255px !important;
    max-width: 255px !important;
  }

  html body form.bdg-desktop-search input {
    padding-left: 12px !important;
    font-size: 12px !important;
  }
}
/* MỞ RỘNG THANH TÌM KIẾM PC – BẢN CHỐT */

@media screen and (min-width: 992px) {

  html body .bdg-header-search {
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    margin-left: 16px !important;
  }

  html body form.bdg-desktop-search {
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }

  html body form.bdg-desktop-search input {
    width: calc(100% - 46px) !important;
    padding-left: 14px !important;
    font-size: 13px !important;
  }
}
/* ===========================================
   HEADER PC – CÂN ĐỐI FINAL
   =========================================== */

@media screen and (min-width: 992px) {

  html body .topbar {
    display: none !important;
  }

  html body .wraphead_mobile.d-none.d-lg-block,
  html body .header-main,
  html body .wrap_main {
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(
      90deg,
      #042d29 0%,
      #073d36 50%,
      #042d29 100%
    ) !important;
  }

  html body .wraphead_mobile.d-none.d-lg-block {
    border-bottom: 1px solid rgba(216,179,106,.5) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
  }

  html body .bdg-header-desktop {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Logo */
  html body .bdg-header-logo {
    display: flex !important;
    flex: 0 0 98px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 98px !important;
    height: 76px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 !important;
  }

  html body .bdg-header-logo .logo-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 76px !important;
  }

  html body .bdg-header-logo img {
    display: block !important;
    width: auto !important;
    max-width: 92px !important;
    max-height: 66px !important;
    object-fit: contain !important;
  }

  /* Menu */
  html body .bdg-main-menu,
  html body .bdg-main-menu > .nav-item {
    height: 76px !important;
  }

  html body .bdg-main-menu > .nav-item > a {
    height: 76px !important;
    padding: 0 9px !important;
    color: #f8f3e9 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .15px !important;
    white-space: nowrap !important;
  }

  /* Chỉ mục đang mở mới màu vàng */
  html body .bdg-main-menu > .nav-item.active > a,
  html body .bdg-main-menu > .nav-item:hover > a {
    color: #d8b36a !important;
  }

  /* Thanh tìm kiếm ngay sau Liên hệ */
  html body .bdg-header-search {
    display: flex !important;
    flex: 0 0 250px !important;
    align-items: center !important;
    width: 250px !important;
    min-width: 250px !important;
    height: 76px !important;
    margin: 0 0 0 14px !important;
    padding: 0 !important;
  }

  html body form.bdg-desktop-search {
    display: flex !important;
    align-items: center !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(216,179,106,.85) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.16) !important;
  }

  html body form.bdg-desktop-search input {
    flex: 1 1 auto !important;
    width: calc(100% - 43px) !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #173f3a !important;
    font-size: 12px !important;
  }

  html body form.bdg-desktop-search button {
    display: flex !important;
    flex: 0 0 43px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 43px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    color: #063b35 !important;
  }

  html body form.bdg-desktop-search button i {
    color: #063b35 !important;
    font-size: 18px !important;
  }

  /* Giỏ hàng */
  html body .bdg-header-cart {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 76px !important;
    margin-left: 8px !important;
  }

  html body .bdg-desktop-cart {
    width: 40px !important;
    height: 40px !important;
  }

  html body .bdg-cart-icon img {
    width: 24px !important;
    height: 24px !important;
  }
}
/* =====================================================
   THANH CAM KẾT THƯƠNG HIỆU – 5 NỘI DUNG
   ===================================================== */

html body .bdg-commitments {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f7f1e7 !important;
  border-top: 1px solid rgba(216, 179, 106, 0.35) !important;
  border-bottom: 1px solid rgba(216, 179, 106, 0.35) !important;
}

html body .bdg-commitments .container {
  width: calc(100% - 40px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body .bdg-commitments-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .bdg-commitment-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px 18px !important;
}

html body .bdg-commitment-item:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 24px !important;
  right: 0 !important;
  bottom: 24px !important;
  width: 1px !important;
  background: rgba(6, 59, 53, 0.16) !important;
}

html body .bdg-commitment-icon {
  display: flex !important;
  flex: 0 0 42px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 12px 0 0 !important;
  border: 1px solid rgba(216, 179, 106, 0.9) !important;
  border-radius: 50% !important;
  background: #fffaf2 !important;
  box-shadow: 0 3px 10px rgba(6, 47, 43, 0.08) !important;
}

html body .bdg-commitment-icon i {
  color: #063b35 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

html body .bdg-commitment-content {
  min-width: 0 !important;
}

html body .bdg-commitment-content h3 {
  margin: 0 0 5px !important;
  color: #173f3a !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html body .bdg-commitment-content p {
  margin: 0 !important;
  color: #6d665d !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
  html body .bdg-commitments-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body .bdg-commitment-item {
    border-bottom: 1px solid rgba(6, 59, 53, 0.12) !important;
  }

  html body .bdg-commitment-item::after {
    display: none !important;
  }
}

/* Điện thoại */
@media screen and (max-width: 767px) {
  html body .bdg-commitments .container {
    width: 100% !important;
    padding: 0 14px !important;
  }

  html body .bdg-commitments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 0 !important;
    padding: 8px 0 !important;
  }

  html body .bdg-commitment-item {
    align-items: flex-start !important;
    padding: 15px 10px !important;
    border-bottom: 1px solid rgba(6, 59, 53, 0.1) !important;
  }

  html body .bdg-commitment-item::after {
    display: none !important;
  }

  html body .bdg-commitment-item:nth-child(5) {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
  }

  html body .bdg-commitment-icon {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin-right: 9px !important;
  }

  html body .bdg-commitment-icon i {
    font-size: 15px !important;
  }

  html body .bdg-commitment-content h3 {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  html body .bdg-commitment-content p {
    font-size: 11px !important;
  }
}
/* XÓA KHOẢNG TRẮNG GIỮA BANNER VÀ CAM KẾT */

html body .awe-section-1,
html body .awe-section-1 .section_slider,
html body .awe-section-1 .home-slider,
html body .awe-section-1 .owl-carousel,
html body .awe-section-1 .swiper-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body .awe-section-1 + .bdg-commitments {
  margin-top: 0 !important;
}

html body .bdg-commitments {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Hiển thị đủ 5 chim tiêu đề trên mobile */
@media screen and (max-width: 767px) {
	html body .heading,
	html body .title_module,
	html body .title_module_main {
		background-size: contain !important;
		background-position: center top !important;
		background-repeat: no-repeat !important;
	}
}