:root {
  --primary-color: #1b5e20;
  --ap-green: #1b5e20;
  --ap-green-2: #2e7d32;
}

/* Khử khe trắng giữa nội dung và footer */
#container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#wrapper > #container + .clearfix,
#wrapper > .clearfix {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
}
#footer,
#footer.footer-class {
  margin-top: 0 !important;
  border-top: 0 !important;
  position: relative !important;
}
#footer > .inside {
  margin: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#footer .footer-icon {
  margin-top: 0 !important;
  padding-top: 20px !important;
}
/* Header sát footer (trang chủ) */
#header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: #fff !important;
}

/* Thanh ngang đen dưới menu — mọi trang */
#header .header-main,
.header-main {
  border-bottom: none !important;
  box-shadow: none !important;
  background: #fff !important;
  position: relative !important;
  z-index: 30 !important;
  overflow: visible !important;
}
#header .header-main::after,
.header-main::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  bottom: auto !important;
  width: 100% !important;
  height: 2px !important;
  background: #111111 !important;
  z-index: 100 !important;
  pointer-events: none !important;
}
#header .nav-header,
#header .nav-fixed {
  z-index: 20 !important;
}

/* Bỏ khung ô vuông khi click/focus menu & link */
#header a,
#header a:focus,
#header a:active,
#header a:focus-visible,
.nav-header a,
.nav-header a:focus,
.nav-header a:active,
.nav-header a:focus-visible,
.nav-header ul a,
.nav-header ul a:focus,
.nav-header ul span,
.navbar-toggle,
.navbar-toggle:focus,
.block-languages a,
.block-languages a:focus {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.nb-news,
.nb-news.nb-padding,
#article-news {
  margin-bottom: 0 !important;
  padding-bottom: 20px !important;
}
.nb-news .list-news,
.nb-news .list-news-scroll {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Footer titles: trắng rõ trên nền đen (đè rule xanh toàn site) */
#footer .ce_headline,
#footer .ce_headline span,
#footer h3,
#footer h3 span,
#footer .title-bottom,
#footer .title-bottom h3,
#footer .title-bottom span,
#footer .line-footer .ce_headline,
#footer .line-footer .ce_headline span {
  color: #ffffff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
#footer .ce_headline span,
#footer h3 span {
  color: #ffffff !important;
}
#footer .footer-icon h3:after {
  background: #ffffff !important;
}



.title-headdline,
.ce_headline span {
  color: var(--ap-green) !important;
}

/* Chỉ chỉnh tiêu đề trang (h1): xanh + trái — không đụng tiêu đề section homepage */
#main > .inside > h1,
#container #main h1.ce_headline,
#container #main h1.title-headdline,
.list-products > h1,
.mod_productlist > h1,
.list-products-menu-block > h1,
.list-news-scroll > h1,
.mod_article > h1.ce_headline.title-headdline {
  color: var(--ap-green) !important;
  text-align: left !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.75rem !important;
  line-height: 1.3 !important;
  margin: 10px 0 14px !important;
  max-width: none !important;
  padding-left: 0 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
#main > .inside > h1 span,
#container #main h1.ce_headline span,
#container #main h1.title-headdline span,
.list-products > h1 span,
.mod_productlist > h1 span,
.mod_article > h1.ce_headline.title-headdline span {
  color: var(--ap-green) !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

/* Trang Sản phẩm: ẩn tiêu đề "Sản phẩm", phóng to danh mục (Pallet gỗ…) bằng cỡ trang Giới thiệu */
#san-pham > h1.ce_headline.title-headdline,
#san-pham > h1.title-headdline {
  display: none !important;
}
.list-products > .child > h2,
.mod_product-list .child > h2,
.list-products .child > h2,
.list-products > .child > h2 span,
.mod_product-list .child > h2 span,
.list-products .child > h2 span {
  font-size: 1.75rem !important;
}

/* H2 danh mục con (Pallet gỗ…): font khác, nhỏ hơn, không trùng h1 */
.list-products > .child > h2,
.mod_product-list .child > h2,
.list-products .child > h2 {
  color: #2c3330 !important;
  text-align: center !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.75rem !important;
  line-height: 1.15 !important;
  margin: 8px auto 16px !important;
  padding: 0 !important;
  max-width: 640px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  display: inline-block !important;
  width: auto !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
.list-products > .child > h2 span,
.mod_product-list .child > h2 span,
.list-products .child > h2 span {
  color: #2c3330 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  -webkit-text-stroke: 0 !important;
  display: inline-block !important;
  line-height: 1.15 !important;
  padding: 0 0 2px !important;
  border-bottom: 2px solid var(--ap-green) !important;
}
.list-products > .child {
  text-align: center !important;
}
@media (max-width: 767px) {
  #main > .inside > h1,
  #container #main h1.ce_headline,
  h1.title-headdline {
    font-size: 1.4rem !important;
  }
  .list-products > .child > h2,
  .list-products .child > h2,
  .list-products > .child > h2 span,
  .list-products .child > h2 span {
    font-size: 1.45rem !important;
  }
}

/* Tại sao chọn: phủ tối lên ảnh gỗ + chữ trắng rõ */
.nb-why.nb-padding,
div.nb-why {
  position: relative !important;
  background-color: #0c1c0e !important;
  background-image:
    linear-gradient(rgba(8, 22, 10, 0.82), rgba(8, 22, 10, 0.82)),
    url("../../files/system/img/general/bg-why.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}
.nb-why .title-headdline,
.nb-why .title-headdline span,
.nb-why .ce_headline span,
.nb-why h1 span,
.nb-why h1.ce_headline,
.nb-why h1.title-headdline,
.nb-why h1.ce_headline.title-headdline,
.nb-why h1.ce_headline.title-headdline span,
div.nb-why.nb-padding > .container > h1.ce_headline.title-headdline,
div.nb-why.nb-padding > .container > h1.ce_headline.title-headdline span,
#container #main .nb-why h1.ce_headline,
#container #main .nb-why h1.title-headdline,
#container #main .nb-why h1.ce_headline span,
#container #main .nb-why h1.title-headdline span {
  color: #ffffff !important;
  text-align: center !important;
  -webkit-text-stroke: 0 !important;
  -webkit-text-stroke-color: transparent !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tin tức homepage: chữ trắng nổi trên nền ảnh */
.nb-news .title-headdline,
.nb-news .title-headdline span,
.nb-news h4.ce_headline,
.nb-news h4.ce_headline span,
#container #main .nb-news .title-headdline,
#container #main .nb-news .title-headdline span,
#container #main .nb-news h4.ce_headline,
#container #main .nb-news h4.ce_headline span {
  color: #ffffff !important;
  text-align: center !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}
.nb-why .item-why,
.nb-why .item-why .content,
.nb-why .item-why .content h2,
.nb-why .item-why .content p,
.nb-why .item-why .content strong,
.nb-why .item-why h2,
.nb-why .item-why p {
  color: #ffffff !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75) !important;
}
.nb-why .item-why .content h2,
.nb-why .item-why h2 {
  font-weight: 700 !important;
}
.nb-why .item-why .content p,
.nb-why .item-why p {
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Sản phẩm: tiêu đề lớn + danh mục nhỏ hơn, không cùng một kiểu */
.nb-products > .container > h1.ce_headline,
.nb-products > .container > .title-headdline {
  font-size: 42px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}
.nb-products > .container > h1.ce_headline span,
.nb-products > .container > .title-headdline span {
  color: var(--ap-green) !important;
}
.nb-products .list-products > .child > h2,
.nb-products .list-products > .child > h2 span {
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  color: #4a5560 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}
.nb-products .list-products > .child > h2 {
  padding: 0 !important;
  border-bottom: 0 !important;
}
.nb-products .list-products > .child > h2 span {
  padding: 0 0 2px !important;
  border-bottom: 2px solid var(--ap-green) !important;
}
@media (max-width: 767px) {
  .nb-products > .container > h1.ce_headline,
  .nb-products > .container > .title-headdline {
    font-size: 28px !important;
  }
  .nb-products .list-products > .child > h2,
  .nb-products .list-products > .child > h2 span {
    font-size: 16px !important;
  }
}
.nb-number-list .text p,
.nb-about .nb-number-list .text p {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
.nb-about .nb-number-list .text h4 {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}
.mod_navigation.nav-header .level_1 > li.active > a,
.mod_navigation.nav-header .level_1 > li > a:hover {
  color: var(--ap-green) !important;
  border-color: var(--ap-green) !important;
}
#chatdlu img {
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

/*
  Banner full bề ngang như layout cũ,
  chỉ bỏ hiệu ứng phóng/cắt (kenburns).
  Ảnh co theo chiều rộng, hiện ĐỦ nội dung.
*/
#header,
#header > .inside,
#article-header,
#article-header.mod_article,
.banner-an-phuc-wrap,
.slider-home.banner-an-phuc-wrap,
.mod_rocksolid_slider.slider-home {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.banner-an-phuc-wrap,
.slider-home.banner-an-phuc-wrap {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  clear: both !important;
  background: #efe8dc;
  position: relative;
  left: 0;
  right: 0;
}
.banner-an-phuc-wrap .banner-an-phuc,
img.banner-an-phuc {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  /* fill chiều ngang, không zoom crop mất chữ */
  object-fit: unset !important;
  vertical-align: top;
}


/* Header: chữ thương hiệu — 1 font, đều đậm */
.header-main .logo {
  max-width: none;
  flex-shrink: 0;
  padding: 12px 0;
}
.logo-header.logo-text-brand,
a.logo-text-brand {
  display: inline-block;
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  font-weight: 800;
  font-style: normal;
  line-height: 1.2;
  color: #1b5e20 !important;
  text-decoration: none !important;
  text-transform: none;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.logo-header.logo-text-brand:hover,
a.logo-text-brand:hover {
  color: #2e7d32 !important;
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .logo-header.logo-text-brand,
  a.logo-text-brand {
    font-size: 22px;
  }
}

/* Subpages: homepage theme ẩn #container — bắt buộc hiện lại */
#container.container,
#container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  height: auto !important;
  overflow: visible !important;
}
#container .aniview,
#main .aniview,
#gioi-thieu,
#main {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  height: auto !important;
}

/* Dịch vụ / tin / chủ đề liên quan: lưới ngang đều */
.list-news-scroll.news-list > .content,
.mod_newslist.news-list > .content,
.news-list.block-float > .content,
.list-news-scroll > .content,
.mod_newslistrelated > .content,
.mod_newslistrelated.list-news-scroll > .content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px 16px !important;
  align-items: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.list-news-scroll .layout_latest,
.news-list .layout_latest,
.mod_newslistrelated .layout_latest,
.mod_newslistrelated .layout_latest.col-sm-inline,
.mod_newslistrelated .layout_latest.col-xs-inline,
.mod_newslistrelated .layout_latest.col-lg-3,
.mod_newslistrelated .layout_latest.col-md-4,
.mod_newslistrelated .layout_latest.col-sm-6,
.mod_newslistrelated .layout_latest.col-xs-6 {
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top !important;
  white-space: normal !important;
}
.mod_newslistrelated .layout_latest > .aniview,
.mod_newslistrelated .layout_latest > div {
  display: block !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
.mod_newslistrelated .layout_latest figure.image_container {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: #eef2f0;
}
.mod_newslistrelated .layout_latest figure.image_container a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.mod_newslistrelated .layout_latest figure.image_container a:before,
.mod_newslistrelated .layout_latest figure.image_container a:after {
  display: none !important;
  content: none !important;
}
.mod_newslistrelated .layout_latest figure.image_container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.mod_newslistrelated .layout_latest .content {
  display: block !important;
  margin: 0 !important;
  padding: 10px 8px 12px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 0 !important;
}
.mod_newslistrelated .layout_latest h2,
.mod_newslistrelated .layout_latest h2 a {
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-align: center !important;
  color: #222 !important;
}
@media (max-width: 991px) {
  .list-news-scroll.news-list > .content,
  .list-news-scroll > .content,
  .mod_newslistrelated > .content,
  .mod_newslistrelated.list-news-scroll > .content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575px) {
  .list-news-scroll.news-list > .content,
  .list-news-scroll > .content,
  .mod_newslistrelated > .content,
  .mod_newslistrelated.list-news-scroll > .content {
    grid-template-columns: 1fr !important;
  }
}

/* Chủ đề liên quan: hiện 6 mục, còn lại qua Xem thêm */
.mod_newslistrelated.ap-related-collapsed > .content > .layout_latest:nth-child(n + 7) {
  display: none !important;
}
.ap-related-more-wrap {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px 0 8px !important;
  clear: both !important;
}
.ap-related-more {
  appearance: none;
  border: 0;
  cursor: pointer;
  background: var(--ap-green, #2e7d32);
  color: #fff !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 10px 28px !important;
  border-radius: 4px !important;
  letter-spacing: 0.02em;
}
.ap-related-more:hover {
  filter: brightness(0.92);
}

/* Sản phẩm liên quan: hàng ngang 4 cột */
.mod_product-list-related.list-products,
.list-products.mod_product-list-related {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mod_product-list-related .layout_latest,
.list-products.mod_product-list-related .layout_latest {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: 25% !important;
  max-width: 25% !important;
  padding: 0 10px 22px !important;
  margin: 0 !important;
  vertical-align: top !important;
}
.mod_product-list-related .layout_latest .parent,
.mod_product-list-related .layout_latest > div {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
.mod_product-list-related .layout_latest figure.image_container {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  overflow: hidden !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: #eef2f0;
  border: 1px solid #dce8de !important;
  line-height: 0 !important;
}
.mod_product-list-related .layout_latest figure.image_container a,
.mod_product-list-related .layout_latest .image_container a,
.list-products .layout_latest .image_container a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}
.mod_product-list-related .layout_latest figure.image_container a:before,
.mod_product-list-related .layout_latest figure.image_container a:after,
.list-products .layout_latest .image_container a:before,
.list-products .layout_latest .image_container a:after {
  display: none !important;
  content: none !important;
}
.mod_product-list-related .layout_latest figure.image_container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}

/* Ảnh sản phẩm trong khung: sát viền, không padding */
.list-products .layout_latest .image_container,
.list-products .layout_latest figure.image_container,
.detail-products .image_container {
  padding: 0 !important;
  line-height: 0 !important;
}
.list-products .layout_latest .image_container a,
.list-products .layout_latest figure.image_container a {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.list-products .layout_latest .image_container img,
.list-products .layout_latest figure.image_container img {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}
.mod_product-list-related .layout_latest h2 {
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-align: center !important;
}
.mod_product-list-related .layout_latest .star {
  display: none !important;
}
@media (max-width: 991px) {
  .mod_product-list-related .layout_latest,
  .list-products.mod_product-list-related .layout_latest {
    width: 50% !important;
    max-width: 50% !important;
  }
}
@media (max-width: 767px) {
  .mod_product-list-related .layout_latest,
  .list-products.mod_product-list-related .layout_latest {
    width: 50% !important;
    max-width: 50% !important;
  }
}
/* Card tin/dịch vụ: ảnh dính sát caption, không khe trắng */
.list-news-scroll .layout_latest > .aniview,
.news-list .layout_latest > .aniview,
.list-news-scroll .layout_latest > .card-inner,
.news-list .layout_latest > .card-inner,
.list-news-scroll .layout_latest > div,
.news-list .layout_latest > div,
.list-news-item > .aniview,
.list-news-item > .card-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  gap: 0 !important;
  row-gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08) !important;
  border: 0 !important;
}
.list-news-scroll .layout_latest > div.clearfix,
.news-list .layout_latest > div.clearfix {
  display: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.list-news-scroll .layout_latest figure,
.list-news-scroll .layout_latest figure.image_container,
.list-news-scroll .layout_latest figure.image_container.float_above,
.news-list .layout_latest figure,
.news-list .layout_latest figure.image_container,
.news-list .layout_latest figure.image_container.float_above,
.list-news-item figure,
.list-news-item figure.image_container,
.list-news-item .aniview figure,
.list-news .list-news-item .aniview figure {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 210px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #eef2f0 !important;
  float: none !important;
  border: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.list-news-scroll .layout_latest figure.image_container a,
.news-list .layout_latest figure.image_container a,
.list-news-item figure.image_container a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}
.list-news-scroll .layout_latest figure.image_container img,
.news-list .layout_latest figure.image_container img,
.list-news-item figure.image_container img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important;
}
.list-news-scroll .layout_latest .content,
.news-list .layout_latest .content,
.list-news-scroll .layout_latest > div > .content,
.list-news-scroll .layout_latest > .card-inner > .content,
.list-news-scroll .layout_latest > .aniview > .content,
.news-list .layout_latest > div > .content,
.news-list .layout_latest > .card-inner > .content,
.news-list .layout_latest > .aniview > .content,
.list-news-item .aniview > .content,
.list-news-item .content,
.list-news .list-news-item .aniview > .content {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 12px 14px 14px !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  position: static !important;
  top: auto !important;
  float: none !important;
}

/* Hover card dịch vụ/tin: chữ sáng trên nền xanh */
.list-news-scroll .layout_latest:hover > div > .content,
.list-news-scroll .layout_latest:hover .card-inner > .content,
.news-list .layout_latest:hover > div > .content,
.news-list .layout_latest:hover .card-inner > .content {
  background: var(--ap-green, #1b5e20) !important;
}
.list-news-scroll .layout_latest:hover .content,
.list-news-scroll .layout_latest:hover .content *,
.news-list .layout_latest:hover .content,
.news-list .layout_latest:hover .content * {
  color: #ffffff !important;
}
.list-news-scroll .layout_latest:hover .content a,
.list-news-scroll .layout_latest:hover .content .more,
.list-news-scroll .layout_latest:hover .content .teaser,
.list-news-scroll .layout_latest:hover .content p,
.news-list .layout_latest:hover .content a,
.news-list .layout_latest:hover .content .more,
.news-list .layout_latest:hover .content .teaser,
.news-list .layout_latest:hover .content p {
  color: #ffffff !important;
}
.list-news-scroll .layout_latest:hover .content .fa,
.news-list .layout_latest:hover .content .fa {
  color: #ffffff !important;
}

/* Pagination tin tức — gọn, xanh thương hiệu */
.pagination.ap-pagination,
.ap-pagination {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  clear: both !important;
  margin: 28px 0 36px !important;
  padding: 0 !important;
  border: 0 !important;
}
.ap-pagination > p,
.ap-pagination .ap-page-label {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6a776e !important;
  text-align: center !important;
}
.ap-pagination ul,
.ap-pagination .ap-pager {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ap-pagination ul li,
.ap-pagination .ap-pager li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
.ap-pagination ul li a,
.ap-pagination ul li span,
.ap-pagination .ap-pager li a,
.ap-pagination .ap-pager li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 1px solid #c5d5c8 !important;
  background: #fff !important;
  color: var(--ap-green) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
.ap-pagination ul li span.current,
.ap-pagination .ap-pager li span.current {
  background: var(--ap-green) !important;
  border-color: var(--ap-green) !important;
  color: #fff !important;
}
.ap-pagination ul li a:hover,
.ap-pagination .ap-pager li a:hover {
  background: var(--ap-green) !important;
  border-color: var(--ap-green) !important;
  color: #fff !important;
}
.ap-pagination ul li.prev a,
.ap-pagination ul li.next a,
.ap-pagination .ap-pager li.prev a,
.ap-pagination .ap-pager li.next a {
  min-width: auto !important;
}

/* Pagination sản phẩm: gọn, căn phải */
.list-products .pagination,
.mod_product-list .pagination,
#san-pham .pagination {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 6px !important;
  clear: both !important;
  width: 100% !important;
  margin: 8px 0 20px !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #e4ebe6 !important;
  text-align: right !important;
  float: none !important;
}
.list-products .pagination > p,
.mod_product-list .pagination > p,
#san-pham .pagination > p {
  display: none !important;
}
.list-products .pagination ul,
.mod_product-list .pagination ul,
#san-pham .pagination ul {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
}
.list-products .pagination ul li,
.mod_product-list .pagination ul li,
#san-pham .pagination ul li {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.list-products .pagination ul li a,
.list-products .pagination ul li span,
.mod_product-list .pagination ul li a,
.mod_product-list .pagination ul li span,
#san-pham .pagination ul li a,
#san-pham .pagination ul li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 1px solid #d0ddd4 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #2c3330 !important;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}
.list-products .pagination ul li span.current,
.mod_product-list .pagination ul li span.current,
#san-pham .pagination ul li span.current {
  background: var(--ap-green) !important;
  border-color: var(--ap-green) !important;
  color: #fff !important;
}
.list-products .pagination ul li a:hover,
.mod_product-list .pagination ul li a:hover,
#san-pham .pagination ul li a:hover {
  background: var(--ap-green) !important;
  border-color: var(--ap-green) !important;
  color: #fff !important;
}
/* Tiếp / Cuối cùng → mũi tên gọn */
.list-products .pagination ul li.next a,
.list-products .pagination ul li.last a,
.list-products .pagination ul li.prev a,
.list-products .pagination ul li.first a,
.mod_product-list .pagination ul li.next a,
.mod_product-list .pagination ul li.last a,
.mod_product-list .pagination ul li.prev a,
.mod_product-list .pagination ul li.first a,
#san-pham .pagination ul li.next a,
#san-pham .pagination ul li.last a,
#san-pham .pagination ul li.prev a,
#san-pham .pagination ul li.first a {
  font-size: 0 !important;
  min-width: 36px !important;
  letter-spacing: 0 !important;
}
.list-products .pagination ul li.next a::after,
.mod_product-list .pagination ul li.next a::after,
#san-pham .pagination ul li.next a::after {
  content: "›" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.list-products .pagination ul li.last a::after,
.mod_product-list .pagination ul li.last a::after,
#san-pham .pagination ul li.last a::after {
  content: "»" !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
.list-products .pagination ul li.prev a::after,
.mod_product-list .pagination ul li.prev a::after,
#san-pham .pagination ul li.prev a::after {
  content: "‹" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}
.list-products .pagination ul li.first a::after,
.mod_product-list .pagination ul li.first a::after,
#san-pham .pagination ul li.first a::after {
  content: "«" !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
.nav-header a[href="catalogue/"],
.nav-header a[href*="catalogue"] { display: none !important; }

/* Bỏ chức năng tìm kiếm (icon + overlay) */
.icon-search,
#click_search,
.block-absolute-search,
.block-search,
.mod_form.block-search {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Language flags clickable + Google Translate widget */
.block-languages { position: relative; z-index: 1002; }
.block-languages ul.level_1 { display: flex !important; gap: 6px; align-items: center; list-style: none; margin: 0; padding: 0; }
.block-languages ul.level_1 > li { display: inline-block !important; margin: 0 !important; }
.block-languages a.lang-vi,
.block-languages a.lang-en {
  display: inline-block !important;
  width: 28px !important;
  height: 20px !important;
  font-size: 0 !important;
  overflow: hidden !important;
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  background-size: cover !important;
  background-position: center !important;
  text-indent: -9999px !important;
}
.block-languages a.lang-vi {
  background-image: url("https://flagcdn.com/w40/vn.png") !important;
}
.block-languages a.lang-en {
  background-image: url("https://flagcdn.com/w40/gb.png") !important;
}
/* hide google translate banner clutter a bit */
.goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }
.skiptranslate iframe { display: none !important; }
#google_translate_element2 { width: 0; height: 0; overflow: hidden; }

/* Ẩn captcha form liên hệ */
.widget.widget-text.input-contact.mandatory:has(.filedQuestion),
.filedQuestion,
label[for="ctrl_5"],
img.captcha-image{display:none!important;}

/* ========== MOBILE OPTIMIZATION ========== */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  #wrapper,
  #container,
  .container {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Header: sticky + logo/menu gọn */
  #header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1100 !important;
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
  }
  #header .header-main,
  #header .inside {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  #header .logo a,
  #header a.logo,
  #header .brand-name,
  #header .header-main a[href="./"],
  #header .header-main a[href="/"],
  #header .header-main a[href$="/~zw6ial4b9qzn/"] {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  .navbar-toggle,
  a.navbar-toggle.hidden-lg,
  button.navbar-toggle {
    display: block !important;
    float: right !important;
    position: relative !important;
    margin: 2px 0 2px 8px !important;
    padding: 0 !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #c5d5c8 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    z-index: 1201 !important;
  }
  .navbar-toggle::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 50% !important;
    height: 2px !important;
    margin-top: -1px !important;
    background: var(--ap-green) !important;
    box-shadow: 0 -7px 0 var(--ap-green), 0 7px 0 var(--ap-green) !important;
  }
  .navbar-toggle .icon-bar {
    display: none !important;
  }
  .block-languages {
    margin-top: 4px !important;
  }

  /* Nút chat nổi: cột dọc hẹp, không che nội dung */
  #chatdlu {
    position: fixed !important;
    right: 8px !important;
    bottom: 72px !important;
    left: auto !important;
    width: 46px !important;
    max-width: 46px !important;
    height: auto !important;
    z-index: 1200 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }
  #chatdlu > a {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    float: none !important;
  }
  #chatdlu img {
    width: 44px !important;
    height: 44px !important;
    max-width: 100% !important;
    display: block !important;
  }
  #top-link-block {
    right: 10px !important;
    bottom: 16px !important;
  }

  /* Banner / swiper */
  .swiper,
  .swiper-wrapper,
  .swiper-slide {
    max-width: 100% !important;
  }
  .swiper-slide img {
    width: 100% !important;
    height: auto !important;
  }

  /* Giới thiệu homepage */
  .nb-about,
  .nb-about.nb-padding {
    padding: 24px 0 !important;
  }
  .nb-about .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .nb-about h1,
  .nb-about .title-headdline {
    font-size: 1.65rem !important;
    line-height: 1.25 !important;
  }
  .nb-about p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .nb-number-list,
  .nb-about .nb-number-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .nb-number-list > *,
  .nb-about .nb-number-list > * {
    width: calc(33.33% - 8px) !important;
    max-width: calc(33.33% - 8px) !important;
    text-align: center !important;
  }

  /* Sản phẩm: lưới 2 cột */
  .nb-products > .container > h1.ce_headline,
  .nb-products > .container > .title-headdline {
    font-size: 1.55rem !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin: 8px 0 10px !important;
  }
  .list-products > .child > h2,
  .list-products .child > h2,
  .list-products > .child > h2 span,
  .list-products .child > h2 span {
    font-size: 1.15rem !important;
    letter-spacing: 0.03em !important;
  }
  .list-products > .content,
  .list-products .child > .content,
  .mod_product-list > .content {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
    width: auto !important;
  }
  .list-products .layout_latest,
  .list-products .layout_latest.col-xs-12,
  .list-products .layout_latest.col-sm-3,
  .list-products .layout_latest.col-md-3,
  .list-products .layout_latest.col-sm-4,
  .mod_product-list .layout_latest {
    float: none !important;
    display: block !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px !important;
    margin: 0 0 14px !important;
    box-sizing: border-box !important;
  }
  .list-products .layout_latest h2,
  .list-products .layout_latest h2 a {
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-top: 6px !important;
  }
  .list-products .layout_latest .image_container,
  .list-products .layout_latest figure.image_container {
    height: 140px !important;
  }

  /* Tại sao chọn */
  .nb-why,
  .nb-why.nb-padding {
    padding: 28px 0 !important;
  }
  .nb-why h1.ce_headline,
  .nb-why .title-headdline {
    font-size: 1.35rem !important;
    line-height: 1.3 !important;
    padding: 0 8px !important;
    margin-bottom: 16px !important;
  }
  .nb-why .col-sm-4,
  .nb-why .col-xs-12 {
    width: 100% !important;
    float: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .nb-why .item-why {
    margin-bottom: 16px !important;
  }
  .nb-why .item-why h2,
  .nb-why .item-why .content h2 {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  .nb-why .item-why p,
  .nb-why .item-why .content p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  /* Tin tức homepage */
  .nb-news,
  .nb-news.nb-padding {
    padding: 24px 0 16px !important;
  }
  .nb-news .title-headdline,
  .nb-news h4.ce_headline {
    font-size: 1.6rem !important;
    margin-bottom: 16px !important;
  }
  .list-news-scroll .layout_latest figure.image_container,
  .news-list .layout_latest figure.image_container,
  .mod_newslistrelated .layout_latest figure.image_container {
    height: 150px !important;
  }

  /* Pagination mobile */
  .list-products .pagination,
  #san-pham .pagination {
    justify-content: center !important;
    padding-right: 0 !important;
  }
  .list-products .pagination ul li a,
  .list-products .pagination ul li span,
  #san-pham .pagination ul li a,
  #san-pham .pagination ul li span {
    min-width: 34px !important;
    height: 34px !important;
    font-size: 13px !important;
  }

  /* Chi tiết sản phẩm / bài viết */
  .detail-products,
  #chi-tiet,
  .mod_article {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .detail-products img,
  #chi-tiet img,
  .ce_text img,
  .mod_article img {
    max-width: 100% !important;
    height: auto !important;
  }
  .detail-products table,
  #chi-tiet table,
  .ce_text table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
  }
  .ap-product-panel {
    margin-top: 12px !important;
  }
  .ap-product-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .ap-product-actions a {
    width: 100% !important;
    text-align: center !important;
  }

  /* Liên hệ */
  #lien-he .col-md-6,
  #lien-he .col-sm-6 {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 20px !important;
  }
  #lien-he input.text,
  #lien-he textarea,
  #lien-he .widget input,
  #lien-he .widget textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #lien-he iframe,
  #footer iframe {
    max-width: 100% !important;
  }

  /* Footer */
  #footer .col-sm-3,
  #footer .col-md-3,
  #footer .col-sm-4,
  #footer .col-md-4 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 400px) {
  .list-products .layout_latest .image_container,
  .list-products .layout_latest figure.image_container {
    height: 120px !important;
  }
  .list-products .layout_latest h2,
  .list-products .layout_latest h2 a {
    font-size: 12px !important;
  }
}