/*
 Theme Name:   Flatsome Child
 Description:  Theme con Xưởng Mộc An Nhiên
 Template:     flatsome
 Version:      3.0
*/



body {
  background-color: var(--an-bg);
  color: var(--an-text-body);
  font-size: 16px;
  line-height: 1.7;
}




/* Topbar & Header - Figma Design */
.header-top {
  font-size: 13px;
  letter-spacing: 0.5px;
}

.header-wrapper,
.header-wrapper.stuck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transform: none;
  animation: none;
  transition: background-color 0.3s ease;
}

.transparent .header-main,
.header-main,
.header-wrapper.stuck #masthead.header-main {
  background-color: #F0ECE3;
  background: linear-gradient(90deg, rgba(240, 236, 227, 0.90) 0%, rgba(192, 180, 168, 0.90) 33%, rgba(192, 180, 168, 0.90) 66%, rgba(240, 236, 227, 0.90) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(111, 95, 37, 0.40);
  box-shadow: inset 0 -1px 0 0 rgba(111, 95, 37, 0.40);
}
.header-bg-color {
  background-color: transparent;
}
.header-main .top-divider {
  display: none;
}

@media (max-width: 768px) {
  .header-inner,
  .header-main .header-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-main .flex-left.flex-grow {
  display: flex;
  justify-content: center;
}

.header-main .header-nav-main.nav-left > li.menu-item > a.nav-top-link {
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  color: #6F5F25;
  letter-spacing: 0.2px;
  padding: 6px 4px;
  transition: color 0.2s ease, opacity 0.2s ease;
  line-height: 1;
}
.header-main .header-nav-main.nav-left > li.menu-item > a.nav-top-link:hover,
.header-main .header-nav-main.nav-left > li.menu-item.current-menu-item > a.nav-top-link,
.header-main .header-nav-main.nav-left > li.menu-item.active > a.nav-top-link {
  color: #6F5F25;
  opacity: 0.85;
}
.header-main .header-nav-main.nav-left .icon-angle-down {
  display: none;
}
.header-main .header-nav-main.nav-left > li.menu-item:not(:last-child)::after,
.header-main .header-nav-main.nav-left > li.has-dropdown:not(:last-child)::after,
.nav-dropdown-has-arrow li.has-dropdown:not(:last-child)::after {
  content: "·";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 16px;
  color: #6F5F25;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
  pointer-events: none;
  user-select: none;
  opacity: 1;
  position: static;
  visibility: visible;
}
.header-main .header-nav-main.nav-left > li.has-dropdown::before,
.nav-dropdown-has-arrow li.has-dropdown::before {
  display: none;
  content: none;
}

/* Header Navigation Dropdown - Mộc An Nhiên */


/* Seamless hover bridge between header bottom and dropdown */
.header-main .nav-dropdown::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background: transparent;
  border: none;
  opacity: 1;
  width: 100%;
  z-index: 1;
}

.nav-dropdown-has-arrow li.has-dropdown > a:after,
.nav-dropdown-has-arrow li.has-dropdown > a:before {
  display: none;
}

.header-main .nav-dropdown > li > a {
  font-size: 14.5px;
  font-weight: 500;
  color: #2E3F33;
  padding: 11px 20px;
  letter-spacing: 0.2px;
  transition: all 0.2s ease;
  border-bottom: 1px solid rgba(232, 227, 217, 0.6);
}

.header-main .nav-dropdown > li:last-child > a {
  border-bottom: none;
}

.header-main .nav-dropdown > li > a:hover {
  background-color: rgba(111, 95, 37, 0.06);
  color: #6F5F25;
  padding-left: 24px;
}


/* Header Logo - Figma Design */
.header-main #logo img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Header Right: Search & Cart - Figma Design */
.header-main .header-nav-main.nav-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-main .header-nav-main.nav-right .header-search > a {
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  transition: color 0.2s ease;
}
.header-main .header-nav-main.nav-right .header-search > a:hover {
  color: #6F5F25;
}
.header-main .header-nav-main.nav-right .cart-item > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  color: #FAF8F5;
  padding: 7px 20px;
  border: 1.5px solid #514E3B;
  border-radius: 30px;
  background-color: #514E3B;
  line-height: 1.2;
  box-shadow: none;
  transition: none;
}
.header-main .header-nav-main.nav-right .cart-item > a .header-cart-title {
  color: #FAF8F5;
}
.header-main .header-nav-main.nav-right .cart-item > a:hover,
.header-main .header-nav-main.nav-right .cart-item > a:hover .header-cart-title,
.header-main .header-nav-main.nav-right .cart-item > a:focus,
.header-main .header-nav-main.nav-right .cart-item > a:active {
  background-color: #514E3B;
  border-color: #514E3B;
  color: #FAF8F5;
  box-shadow: none;
  opacity: 1;
}
.header-main .header-nav-main.nav-right .cart-item i.icon-shopping-bag,
.header-main .header-nav-main.nav-right .cart-item i[class*="icon-"] {
  display: none;
}

/* Mobile Sidebar Menu (Off-Canvas) - Đồng bộ Font chữ Desktop & Tối ưu giao diện */
#main-menu,
.mobile-sidebar {
  background-color: #FAF8F5;
}

/* 1. Loại bỏ mục tìm kiếm, Newsletter và Tài khoản theo yêu cầu */
#main-menu .header-search-form,
.sidebar-menu .header-search-form,
#main-menu .header-newsletter-item,
.sidebar-menu .header-newsletter-item,
#main-menu .account-item,
.sidebar-menu .account-item {
  display: none;
}

/* 2. Đồng bộ font chữ menu giống hệt Desktop: Lucida Bright, Source Serif 4, Georgia */
#main-menu .sidebar-menu .nav-sidebar,
.sidebar-menu .nav-sidebar {
  text-transform: none;
  padding-top: 15px;
}

#main-menu .sidebar-menu .nav-sidebar > li > a,
.sidebar-menu .nav-sidebar > li > a,
#main-menu .sidebar-menu .nav-sidebar .menu-item > a,
.sidebar-menu .nav-sidebar .menu-item > a,
#main-menu .sidebar-menu .account-item > a,
.sidebar-menu .account-item > a {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: #6F5F25;
  letter-spacing: 0.2px;
  line-height: 1.5;
  padding: 13px 20px;
  transition: all 0.2s ease;
}

#main-menu .sidebar-menu .nav-sidebar > li.current-menu-item > a,
.sidebar-menu .nav-sidebar > li.current-menu-item > a,
#main-menu .sidebar-menu .nav-sidebar > li.active > a,
.sidebar-menu .nav-sidebar > li.active > a,
#main-menu .sidebar-menu .nav-sidebar > li > a:hover,
.sidebar-menu .nav-sidebar > li > a:hover {
  color: #6F5F25;
  font-weight: 600;
  opacity: 0.85;
  background-color: rgba(111, 95, 37, 0.05);
}

/* Phân cách nhẹ nhàng giữa các mục menu */
#main-menu .sidebar-menu .nav-sidebar > li,
.sidebar-menu .nav-sidebar > li {
  border-bottom: 1px solid rgba(111, 95, 37, 0.1);
}

/* Tài khoản */
#main-menu .sidebar-menu .account-item .header-account-title,
.sidebar-menu .account-item .header-account-title {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: #6F5F25;
}

#main-menu .sidebar-menu .account-item .icon-user,
.sidebar-menu .account-item .icon-user,
#main-menu .sidebar-menu .toggle,
.sidebar-menu .toggle {
  color: #6F5F25;
}

/* Submenu tài khoản / menu con */
#main-menu .sidebar-menu .nav-sidebar ul.children li a,
.sidebar-menu .nav-sidebar ul.children li a,
#main-menu .sidebar-menu .nav-sidebar .sub-menu li a,
.sidebar-menu .nav-sidebar .sub-menu li a {
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  color: #6F5F25;
  padding: 10px 20px 10px 32px;
}

/* Thông tin địa chỉ & Social icons */
#main-menu .sidebar-menu .html_topbar_right,
.sidebar-menu .html_topbar_right {
  font-size: 13.5px;
  color: #6B726A;
  padding: 16px 20px;
  line-height: 1.6;
}

#main-menu .sidebar-menu .header-social-icons,
.sidebar-menu .header-social-icons {
  padding: 12px 20px;
  border-bottom: none;
}

#main-menu .sidebar-menu .header-social-icons a,
.sidebar-menu .header-social-icons a {
  color: #6F5F25;
}

/* Product Cards */
.product-small .box-text {
  text-align: left;
  padding: 12px 0;
}
.product-small .box-text .title-wrapper {
  font-weight: 600;
  color: var(--an-text-title);
  font-size: 15px;
}
.product-small .box-text .price {
  color: var(--an-accent);
  font-weight: 700;
  font-size: 14px;
}

/* ==========================================================================
   282DESIGN 3-COLUMN PRODUCT DETAIL LAYOUT (FLATSOME UX BLOCK)
   Single Source of Truth - Scoped to .xman-prod-hero, .xman-prod-related-sec, .xman-prod-details-sec
   ========================================================================== */

.xman-prod-hero .container,
.xman-prod-hero .row,
.xman-prod-related-sec .container,
.xman-prod-related-sec .row,
.xman-prod-details-sec .container,
.xman-prod-details-sec .row {
  width: 100%;
}

/* 1. TOP HERO SECTION (3 COLUMNS) */
.xman-prod-hero {
  background-color: #F8F7F4;
  padding-top: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid #ECE7DE;
}

.xman-prod-hero__row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
}

/* Column 1: Left Info (33.333%) */
.xman-col-left {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0 20px 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.xman-col-left .woocommerce-breadcrumb,
.xman-col-left .breadcrumbs,
.xman-col-left .product-breadcrumbs,
.xman-breadcrumb {
  font-size: 13px;
  color: #8C968E;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  text-transform: none;
  padding: 0;
}

.xman-col-left .woocommerce-breadcrumb a,
.xman-col-left .breadcrumbs a,
.xman-breadcrumb a {
  color: #6C776E;
  text-decoration: none;
  transition: color 0.2s ease;
}

.xman-col-left .woocommerce-breadcrumb a:hover,
.xman-col-left .breadcrumbs a:hover,
.xman-breadcrumb a:hover {
  color: #B07C38;
}

.xman-bc-sep,
.xman-col-left .breadcrumbs .divider,
.xman-col-left .woocommerce-breadcrumb .divider {
  color: #A3ACA5;
  font-size: 14px;
  margin: 0 4px;
}

.xman-col-left h1.product-title,
.xman-prod-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  color: #2E3F33;
  padding-bottom: 12px;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.xman-col-left .product-title-container .is-divider {
  display: none;
}

.xman-prod-meta-line {
  font-size: 13.5px;
  line-height: 1.5;
  margin-bottom: 6px;
}

.xman-prod-meta-line p {
  margin: 0;
}

.xman-meta-material {
  color: #5C675E;
  font-weight: 500;
}

.xman-meta-maker {
  color: #7D887F;
}

.xman-meta-maker strong {
  color: #2E3F33;
  font-weight: 600;
}

.xman-col-left .product-short-description,
.xman-prod-desc {
  font-size: 16px;
  line-height: 1.65;
  color: #5C675E;
  margin-top: 14px;
  margin-bottom: 24px;
  background: transparent;
  border-left: none;
  padding: 0;
  text-align: justify;
}

.xman-col-left .product-short-description p {
  margin-bottom: 0;
}

.xman-quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px dashed rgba(46, 63, 51, 0.15);
}

.xman-quick-nav .xman-nav-tab {
  font-size: 12.5px;
  color: #2E3F33;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 500;
  transition: color 0.2s ease;
}

.xman-quick-nav .xman-nav-tab:hover {
  color: #B07C38;
}


.xman-prod-main-img,
.xman-col-center .woocommerce-product-gallery__image img,
.xman-col-center .product-gallery-slider img {
  display: block;
  transition: opacity 0.25s ease, transform 0.3s ease;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.06));
}

.xman-prod-main-img:hover,
.xman-col-center .woocommerce-product-gallery__image:hover img {
  transform: scale(1.03);
}

.xman-col-center .image-tools {
  display: none;
}


.xman-thumb-btn img,
.xman-col-center .product-thumbnails img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

.xman-thumb-btn.is-active,
.xman-thumb-btn:hover,
.xman-col-center .product-thumbnails .is-selected,
.xman-col-center .product-thumbnails .col:hover {
  border-color: #B07C38;
}
form.cart {
    margin-bottom: 0;
}
.xman-prod-related-sec {
    padding-bottom: 0 !important;
}
/* Column 3: Right Action Box (25%) */
.xman-col-right {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
	    padding-bottom: 0 !important;
}

.xman-col-right > .col-inner {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.xman-order-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.xman-price-block {
  margin-bottom: 12px;
  color: #2E3F33;
}

.xman-price-block .product-price-container,
.xman-price-block .price-wrapper,
.xman-price-block p.price {
  margin: 0;
  display: inline;
}

.xman-price-label {
  font-size: 14px;
  color: #6C776E;
  margin-right: 4px;
}

.xman-price-val,
.xman-price-val .amount,
.xman-price-val bdi,
.xman-price-block .amount,
.xman-price-block bdi {
  font-size: 20px;
  font-weight: 700;
  color: #B07C38;
}

.xman-delivery-note {
  font-size: 16px;
  line-height: 1.45;
  color: #7D887F;
  margin-bottom: 20px;
  text-align: right;
}

.xman-delivery-note p {
  margin: 0;
}

.xman-action-block {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.xman-action-block .add-to-cart-container {
  width: 100%;
}

.xman-action-block form.cart {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  flex-wrap: wrap;
}

.xman-action-block .quantity,
.xman-action-block .ux-quantity {
  margin: 0;
  height: 42px;
}

.xman-action-block .quantity .qty,
.xman-action-block .ux-quantity input.qty {
  width: 50px;
  height: 42px;
  border: 1px solid #D6D0C5;
  background: #FFFFFF;
  text-align: center;
  font-weight: 600;
  border-radius: 3px;
  color: #2E3F33;
}

.xman-action-block .ux-quantity .ux-quantity__button {
  height: 42px;
  background: #F8F7F4;
  border: 1px solid #D6D0C5;
}

.xman-action-block .single_add_to_cart_button,
.xman-btn-order-custom {
  background: #2E3F33;
  color: #FFFFFF;
  border: 1px solid #2E3F33;
  padding: 10px 24px;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-height: 42px;
}

.xman-action-block .single_add_to_cart_button:hover,
.xman-btn-order-custom:hover {
  background: #B07C38;
  border-color: #B07C38;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(176, 124, 56, 0.25);
  transform: translateY(-1px);
}

.xman-hotline-note {
  margin-top: 14px;
}

.xman-hotline-link {
  font-size: 12px;
  color: #6C776E;
  text-decoration: none;
  transition: color 0.2s ease;
}

.xman-hotline-link strong {
  color: #B07C38;
}

.xman-hotline-link:hover {
  color: #B07C38;
}

/* 2. RELATED PRODUCTS UNDERNEATH ("các sản phẩm khác trong danh mục") */
.xman-prod-related-sec {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #FFFFFF;
  border-bottom: 1px solid #ECE7DE;
}

.xman-related-head {
  margin-bottom: 30px;
}

.xman-related-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #2E3F33;
  margin: 0;
  line-height: 1.4;
}

.xman-prod-related-sec .product-section-title,
.xman-prod-related-sec .product-section-title-related,
.xman-prod-related-sec .related-products-title {
  display: none;
}

.xman-prod-related-sec .product-small {
  text-align: center;
  background: #FFFFFF;
  transition: transform 0.25s ease;
}

.xman-prod-related-sec .product-small:hover {
  transform: translateY(-3px);
}

.xman-prod-related-sec .product-small .box-image {
  background: #F8F7F4;
  border-radius: 4px;
  padding: 16px;
}

.xman-prod-related-sec .product-small .box-image img {
  transition: transform 0.3s ease;
}

.xman-prod-related-sec .product-small:hover .box-image img {
  transform: scale(1.05);
}

.xman-prod-related-sec .product-small .box-text {
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.product-tabs a {
    font-size: 20px !important;
}
.xman-prod-related-sec .product-small .title-wrapper a {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #2E3F33;
  text-decoration: none;
  transition: color 0.2s ease;
}

.xman-prod-related-sec .product-small .title-wrapper a:hover {
  color: #B07C38;
}

.xman-prod-related-sec .product-subcat-meta .product-view-link {
  font-size: 12px;
  color: #2E3F33;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
  margin-top: 4px;
  transition: color 0.2s ease;
}

.xman-prod-related-sec .product-subcat-meta .product-view-link:hover {
  color: #B07C38;
}

/* 3. DETAILED SPECIFICATION BLOCKS (STORY, MATERIAL, DIMENSIONS, WARRANTY) */
.xman-prod-details-sec {
  padding-top: 45px;
  padding-bottom: 60px;
  background: #FFFFFF;
}

.xman-detail-block {
  margin-bottom: 45px;
  scroll-margin-top: 100px;
}

.xman-detail-block:last-child {
  margin-bottom: 0;
}

.xman-detail-block__head {
  margin-bottom: 16px;
  border-bottom: 1px solid #ECE7DE;
  padding-bottom: 10px;
}

.xman-detail-block__title {
  font-size: 18px;
  font-weight: 600;
  color: #2E3F33;
  margin: 0;
  line-height: 1.4;
}

.xman-detail-block__body {;
  font-size: 13.5px;
  line-height: 1.7;
  color: #4C564E;
}

.xman-detail-block__body p {
  margin-bottom: 12px;
}

.xman-spec-table {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.xman-spec-row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(46, 63, 51, 0.1);
}

.xman-spec-row:last-child {
  border-bottom: none;
}

.xman-spec-name {
  flex: 0 0 200px;
  font-weight: 600;
  color: #2E3F33;
  font-size: 13.5px;
}

.xman-spec-desc {
  flex: 1;
  color: #5C675E;
  font-size: 13.5px;
}

/* RESPONSIVE BREAKPOINTS (COLOCATED) */
@media (max-width: 991px) {
  .xman-prod-hero__row {
    flex-wrap: wrap;
    gap: 24px;
  }
  .xman-col-left {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xman-col-center {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xman-col-right {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
    align-items: flex-start;
    text-align: left;
  }
  .xman-col-right > .col-inner {
    align-items: flex-start;
  }
  .xman-order-card {
    align-items: flex-start;
  }
  .xman-price-block {
    justify-content: flex-start;
  }
  .xman-delivery-note {
    text-align: left;
  }
  .xman-action-block {
    justify-content: flex-start;
  }
  .xman-action-block form.cart {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .xman-prod-hero {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .xman-prod-title,
  .xman-col-left h1.product-title {
    font-size: 20px;
  }
  .xman-col-center .xman-prod-main-img-wrap,
  .xman-col-center .woocommerce-product-gallery {
    min-height: 240px;
  }
  .xman-col-center .xman-prod-main-img,
  .xman-col-center .woocommerce-product-gallery__image img {
    max-height: 260px;
  }
  .xman-spec-row {
    flex-direction: column;
    gap: 4px;
  }
  .xman-spec-name {
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  .xman-quick-nav {
    gap: 8px 12px;
  }
}


/* [HOME PAGE SECTIONS: HERO BANNER - FIGMA DESIGN] */
.sec-home-hero {
  position: relative;
  touch-action: pan-y;
  min-height: 640px;
}
.sec-home-hero .slider-wrapper,
.sec-home-hero .slider {
  min-height: 640px;
}
.sec-home-hero .slider,
.sec-home-hero .flickity-viewport,
.sec-home-hero .flickity-slider,
.sec-home-hero .banner {
  touch-action: pan-y;
}
.sec-home-hero .slider:focus,
.sec-home-hero .banner:focus,
.sec-home-hero *:focus {
  outline: none;
}
.sec-home-hero .banner {
  min-height: 640px;
  touch-action: pan-y;
}
.sec-home-hero .banner-layers.container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.sec-home-hero .banner-layers > .text-box,
.sec-home-hero .text-box {
  top: 140px;
  bottom: auto;
  left: 0;
  margin-left: 0;
}
.sec-home-hero .home-hero__text h2 {
  font-size: 70px;
  font-weight: 600;
  line-height: 76px;
  letter-spacing: -0.5px;
  color: #514E3B;
  margin-bottom: 0;
}
.sec-home-hero .home-hero__text--dark h2,
.sec-home-hero .home-hero__text--light h2 {
  color: #514E3B;
}
.sec-home-hero .home-hero__text p {
  font-size: 16px;
  line-height: 1.65;
  color: #514E3B;
  margin-top: 14px;
  margin-bottom: 0;
  opacity: 0.95;
}
.sec-home-hero .home-hero__text--dark p,
.sec-home-hero .home-hero__text--light p {
  color: #514E3B;
  opacity: 0.95;
}
.sec-home-hero .button {
  text-transform: none;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 28px;
  border-radius: 50px;
  color: #FFFFFF;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
	background: #514E3B;
}
.sec-home-hero .button:hover {
  background-color: #1F2E23;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.sec-home-hero .button::after {
  content: '→';
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  transition: transform 0.25s ease;
}
.sec-home-hero .button:hover::after {
  transform: translateX(4px);
}
.sec-home-hero .button i {
  display: none;
}
.home-hero__slide2 .overlay,
.home-hero__slide3 .overlay {
  display: none;
}
@media (max-width: 768px) {
  .sec-home-hero,
  .sec-home-hero .slider-wrapper,
  .sec-home-hero .slider,
  .sec-home-hero .banner {
    min-height: 520px;
  }
  .sec-home-hero .banner-layers > .text-box,
  .sec-home-hero .text-box {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    width: 88%;
    max-width: 340px;
    margin-top: 0;
  }
  .sec-home-hero .home-hero__text h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .sec-home-hero .home-hero__text p {
    font-size: 13.5px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .sec-home-hero .button {
    font-size: 13.5px;
    padding: 9px 22px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .sec-home-hero .banner-layers > .text-box,
  .sec-home-hero .text-box {
    top: 110px;
    bottom: auto;
  }
  .sec-home-hero .home-hero__text h2 {
    font-size: 48px;
    line-height: 54px;
  }
}

.sec-home-spaces {
  background-color: #FAF8F5;
  padding: 60px 0;
}

.sec-home-spaces .home-spaces__header .col {
  text-align: left;
}
.sec-home-spaces .home-spaces__title {
  margin: 0;
  padding: 0;
  text-align: left;
}
.sec-home-spaces .home-spaces__title h2 {
  border-bottom: none;
  text-align: left;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
.sec-home-spaces .home-spaces__title h2:after,
.sec-home-spaces .home-spaces__title:after {
  display: none;
  content: none;
}
.home-spaces__title .section-title-main {
  font-weight: 400;
  font-size: 44px;
  color: #6F5F25;
  text-transform: none;
  letter-spacing: 0.3px;
  text-decoration: none;
  border-bottom: none;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
	margin-bottom: 20px;
}
/* .home-spaces__title .section-title-main::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('assets/img/icon-wood-ring.png') no-repeat center center;
  background-size: contain;
  flex-shrink: 0;
} */
.home-spaces__title b {
  display: none;
}
.sec-home-spaces .home-spaces__subtitle {
  display: none;
}
.section-title-normal {
    border-bottom: none !important;
}
.home-bestseller__header .home-spaces__title {
    margin-bottom: 0;
}
@media (max-width: 768px) {
  .sec-home-spaces {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sec-home-spaces .home-spaces__header {
    padding: 0;
    margin-bottom: 16px;
  }
  .sec-home-spaces .home-spaces__title .section-title-main {
    font-size: 20px;
    gap: 8px;
  }
  .sec-home-spaces .home-spaces__title .section-title-main::before {
    width: 22px;
    height: 22px;
  }
  .home-spaces__row {
    padding: 0;
    gap: 16px;
  }
  .home-spaces__row > .home-space-card {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }
}

.home-spaces__row:last-child {
  margin-bottom: 0;
}


/* Card tổng cho mỗi không gian */
.home-space-card > .col-inner {
  background: #f7f5f1;
  border: 1px solid #ECE7DE;
  border-radius: 6px;
  padding: 0 0 22px 0;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.home-space-card:hover > .col-inner {
  border-color: #D6CCA9;
  box-shadow: 0 10px 28px rgba(46, 63, 51, 0.08);
  transform: translateY(-3px);
}

/* Hàng 1: Header của card (2 cột: Trái text, Phải img sát viền) */
.home-space-card .home-space-card__header {
  margin: 0;
  align-items: stretch;
  width: 100%;
	background: #E6E3DC;
}
.home-space-card .home-space-card__header > .col {
  padding: 0;
  margin: 0;
}
.home-space-card .home-space-card__header > .col:first-child {
  background-color: transparent;
}
.home-space-card__header .col-inner {
  height: 100%;
  width: 100%;
}
.home-space-card .home-space-card__header > .col:last-child > .col-inner {
  display: block;
}
.home-space-card__text {
  padding: 20px;
}
.home-space-card__text span {
  display: block;
  font-size: 46px;
  line-height: 1;
  font-weight: 400;
  color: #777777;
  margin-bottom: 8px;
	font-family: "Chiron Sung HK", sans-serif;
}
.home-space-card__text h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #6F5F25;
  max-width: 120px;
  margin-bottom: 8px;
}
.home-space-card__text h2 a {
  color: #6F5F25;
text-transform: capitalize;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 40px;
}
.home-space-card__text h2 a:hover {
  color: #C49A45;
}
.home-space-card__text p {
  font-size: 12.5px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.5;
  color: #777777;
  max-width: 150px;
  margin-bottom: 0;
}

.home-space-card__img {
  width: 100%;
  height: 100%;
  border-radius: 0 6px 0 0;
  overflow: hidden;
}
.home-space-card__img a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-space-card__img .img-inner {
  width: 100%;
  height: 100%;
  border-radius: 0 6px 0 0;
  overflow: hidden;
}
.home-space-card__img img {
  width: 100%;
  height: 100%;
  min-height: 175px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
  border-radius: 0 6px 0 0;
  transition: transform 0.4s ease;
}
.home-space-card__img:hover img {
  transform: scale(1.04);
}

/* Hàng 2: Danh sách 6 sản phẩm WooCommerce theo danh mục */
.home-space-card > .col-inner > .row:last-child {
  border-top: 1px solid #ECE7DE;
  padding: 22px 20px 0;
  margin: 0;
  width: 100%;
}
.home-space-card .product-small.col,
.home-space-card .product-category.col {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 0;
}
.home-space-card .product-small .col-inner,
.home-space-card .product-category .col-inner {
  background: transparent;
  padding: 0;
}
.home-space-card .product-small .box-image,
.home-space-card .product-category .box-image {
  background: #FAF8F5;
  border: 1px solid #EBE7DF;
  border-radius: 6px;
  padding: 3px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.home-space-card .product-small .box-image img,
.home-space-card .product-category .box-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 0.3s ease;
}
.home-space-card .product-small:hover .box-image,
.home-space-card .product-category:hover .box-image {
  border-color: var(--an-accent, #B27E4C);
  background: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(46, 63, 51, 0.08);
}
.home-space-card .product-small:hover .box-image img,
.home-space-card .product-category:hover .box-image img {
  transform: scale(1.06);
}
.home-space-card .product-small .box-text,
.home-space-card .product-category .box-text {
  padding: 7px 0 0;
  text-align: center;
}
.home-space-card .product-small .box-text .name a,
.home-space-card .product-category .box-text .header-title {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  line-height: 1.35;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: center;
  transition: color 0.2s ease;
}

.home-space-card .product-category .count,
.home-space-card .product-small .image-tools,
.home-space-card .product-small .price-wrapper,
.home-space-card .product-small .badge-container {
  display: none;
}

/* Nút trượt slider: chỉ hiển thị < và >, background trong suốt, không hiệu ứng khối hộp */
.sec-home-spaces .flickity-prev-next-button,
.sec-home-spaces .slider-nav-reveal .flickity-prev-next-button {
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-radius: 0;
  width: 24px;
  height: 36px;
  top: 38%;
  bottom: auto;
  transform: translateY(-50%);
  opacity: 0.75;
  transition: opacity 0.15s ease, color 0.15s ease;
  color:  #2E3F33;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.sec-home-spaces .flickity-prev-next-button:hover,
.sec-home-spaces .slider-nav-reveal .flickity-prev-next-button:hover {
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  color: #B27E4C;
  transform: translateY(-50%);
}
.sec-home-spaces .flickity-prev-next-button.previous,
.sec-home-spaces .slider-nav-reveal .flickity-prev-next-button.previous {
  left: 2px;
  right: auto;
  transform: translateY(-50%);
}
.sec-home-spaces .flickity-prev-next-button.next,
.sec-home-spaces .slider-nav-reveal .flickity-prev-next-button.next {
  right: 2px;
  left: auto;
  transform: translateY(-50%);
}
.sec-home-spaces .flickity-prev-next-button svg,
.sec-home-spaces .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
  margin: 0;
  margin-top: 0;
  padding: 0;
  width: 14px;
  height: 18px;
  position: static;
  transform: none;
  fill: currentColor;
  display: block;
}
.sec-home-spaces .flickity-prev-next-button:disabled {
  opacity: 0;
  pointer-events: none;
}

/* Responsive Colocated */
@media (max-width: 768px) {
  .home-spaces__row {
    margin-bottom: 0;
  }
  .home-spaces__row > .home-space-card {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 16px;
  }
  .home-spaces__row:last-child > .home-space-card:last-child {
    margin-bottom: 0;
  }
  .home-space-card > .col-inner {
    padding: 0 0 16px 0;
  }
  .home-space-card .home-space-card__header > .col:first-child {
    padding: 16px 14px 14px 18px;
    background-color: transparent;
  }
  .home-space-card__text {
    padding-right: 4px;
  }
  .home-space-card__text span {
    font-size: 28px;
    margin-bottom: 6px;
  }
  .home-space-card__text h2 {
    font-size: 20px;
    max-width: 100px;
    margin-bottom: 6px;
  }
  .home-space-card__text p {
    font-size: 11.5px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: #777777;
    max-width: 130px;
  }
  .home-space-card__img img {
    min-height: 125px;
    aspect-ratio: 16 / 10;
  }
  .home-space-card > .col-inner > .row:last-child {
    padding: 14px 14px 0;
    margin: 0;
  }
  .home-space-card .product-small .box-text .name a {
    font-size: 11px;
  }
}

/* -------------------------------------------------------------------------
   [HOME: CUSTOM SERVICE BANNER] - Thi công nội thất trọn gói
   ------------------------------------------------------------------------- */
.sec-home-custom-service {
  background-color: #EAE0D6;
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.sec-home-custom-service .banner,
.sec-home-custom-service .home-custom-service-banner {
  background-color: #EAE0D6;
}

.sec-home-custom-service .home-custom-service-banner h2 {
  font-size: 48px;
  font-weight: 600;
  color: var(--fs-color-primary);
  margin-bottom: 14px;
  text-align: center;
  text-shadow: none;
}
.sec-home-custom-service .home-custom-service-banner p {
  font-size: 16px;
  line-height: 1.7;
  color: #514E3B;
  margin-bottom: 24px;
  text-shadow: none;
}
.sec-home-custom-service .home-custom-service-banner .button,
.sec-home-custom-service .home-custom-service-btn {
background-color: #514E3B;
    color: #FFFFFF;
    border: none;
    border-radius: 50px;
    padding: 9px 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    font-family: "Chiron Sung HK", sans-serif;
    text-transform: uppercase;
}
.sec-home-custom-service .home-custom-service-banner .button:hover,
.sec-home-custom-service .home-custom-service-btn:hover {
  background-color: #1F2E23;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.sec-home-custom-service .home-custom-service-banner .button::after,
.sec-home-custom-service .home-custom-service-btn::after {
  content: '→';
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  transition: transform 0.25s ease;
}
.sec-home-custom-service .home-custom-service-banner .button:hover::after,
.sec-home-custom-service .home-custom-service-btn:hover::after {
  transform: translateX(4px);
}
.sec-home-custom-service .home-custom-service-banner .button i,
.sec-home-custom-service .home-custom-service-btn i {
  display: none;
}

@media (max-width: 768px) {
  .sec-home-custom-service {
    background-color: #EAE0D6;
    padding: 0;
  }
  .sec-home-custom-service .banner,
  .sec-home-custom-service .home-custom-service-banner {
    min-height: 320px;
    height: auto;
    position: relative;
    background-color: #EAE0D6;
    padding-top: 0;
  }
  .sec-home-custom-service .home-custom-service-banner .banner-inner {
    position: relative;
    min-height: 320px;
    height: 100%;
  }
  .sec-home-custom-service .home-custom-service-banner .banner-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .sec-home-custom-service .home-custom-service-banner .banner-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 85% center;
    opacity: 0.85;
  }
  .sec-home-custom-service .home-custom-service-banner .banner-layers {
    position: relative;
    min-height: 320px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
  }
  .sec-home-custom-service .home-custom-service-banner .text-box {
    width: 100%;
    max-width: 320px;
    text-align: center;
    background: rgba(234, 224, 214, 0.9);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 16px;
    padding: 20px 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  }
  .sec-home-custom-service .home-custom-service-banner h2 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #6F5F25;
    text-shadow: 0 1px 8px rgba(255, 255, 255, 0.9);
  }
  .sec-home-custom-service .home-custom-service-banner p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 16px;
    color: #514E3B;
    text-shadow: 0 1px 8px rgba(255, 255, 255, 0.9);
  }
  .sec-home-custom-service .home-custom-service-banner .button,
  .sec-home-custom-service .home-custom-service-btn {
    padding: 8px 22px;
    font-size: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  }
  .sec-home-custom-service .home-custom-service-banner .button::after,
  .sec-home-custom-service .home-custom-service-btn::after {
    font-size: 13px;
  }
}

/* -------------------------------------------------------------------------
   [HOME: FEATURED COLLECTION / BESTSELLER] - Bộ sưu tập nổi bật & Bán chạy
   1. "Sản phẩm bán chạy" đồng bộ giao diện "Không Gian Nội Thất" (Logo mộc phía trước, chữ lớn, căn trái)
   2. "Bộ sưu tập nổi bật" & mô tả căn giữa tinh tế theo Figma
   3. "Bộ sưu tập Mộc An" & nút "XEM TẤT CẢ" dạng button căn giữa ngay bên dưới
   ------------------------------------------------------------------------- */
.sec-home-bestseller {
  background-color: #F8F6F0;
  padding: 60px 0;
}

/* Header container: Xếp dọc toàn khối, chiều rộng container chuẩn 1260px */
.sec-home-bestseller .home-bestseller__header {
  margin-bottom: 35px;
  padding: 0 15px;
}

.sec-home-bestseller .home-bestseller__header > .col {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0;
}

.sec-home-bestseller .home-bestseller__header > .col:first-child > .col-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

/* 1. "Sản phẩm bán chạy" - CSS giống hệt "Không Gian Nội Thất" (Logo phía trước, chữ to ra, nằm bên trái) */
.sec-home-bestseller .home-bestseller__title {
  width: 100%;
  margin: 0 0 35px 0;
  padding: 0;
  text-align: left;
}

.sec-home-bestseller .home-bestseller__title h2.section-title,
.sec-home-bestseller .home-bestseller__title h2 {
  border-bottom: none;
  text-align: left;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}

.sec-home-bestseller .home-bestseller__title h2:after,
.sec-home-bestseller .home-bestseller__title:after,
.sec-home-bestseller .home-bestseller__title b {
  display: none;
  content: none;
}

.sec-home-bestseller .home-bestseller__title .section-title-main {
  font-family: 'Chiron Sung HK', Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  color: #6F5F25;
  text-transform: none;
  letter-spacing: 0.3px;
  text-decoration: none;
  border-bottom: none;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.sec-home-bestseller .home-bestseller__title .section-title-main::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('assets/img/icon-wood-ring.png') no-repeat center center;
  background-size: contain;
  flex-shrink: 0;
}


.sec-home-bestseller .home-bestseller__subtitle p:first-child,
.sec-home-bestseller .home-bestseller__subtitle p:first-child strong {
font-size: 32px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: initial;
    color: #2E3F33;
    line-height: 1.35;
  margin-bottom: 12px;
    padding: 0;
    text-align: center;
    display: block;
    font-family: "Chiron Sung HK", sans-serif;
}

.sec-home-bestseller .home-bestseller__subtitle p:nth-child(2),
.sec-home-bestseller .home-bestseller__subtitle p:last-child {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7;
    color: #6B726A;
    text-align: center;
    font-family: "Chiron Sung HK", sans-serif;
	    margin-bottom: 12px;
}

/* 3. "Bộ sưu tập Mộc An" - Tiêu đề bộ sưu tập căn giữa */
.sec-home-bestseller .home-bestseller__badge-btn {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0 auto 14px auto;
  min-height: auto;
  line-height: 1.4;
  display: inline-block;
  align-self: center;
  text-align: center;
  transition: color 0.2s ease;
}

.sec-home-bestseller .home-bestseller__badge-btn,
.sec-home-bestseller .home-bestseller__badge-btn span {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #2E3F33;
  text-align: center;
}

.sec-home-bestseller .home-bestseller__badge-btn:hover,
.sec-home-bestseller .home-bestseller__badge-btn:hover span {
  color: #C49A45;
  background: transparent;
}

/* 4. "XEM TẤT CẢ" dạng BUTTON căn giữa ngay dưới "Bộ sưu tập Mộc An" */
.sec-home-bestseller .home-bestseller__header-right,
.sec-home-bestseller .home-bestseller__header-right > .col-inner,
.sec-home-bestseller .home-bestseller__header-right > .col-inner.text-right {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.sec-home-bestseller .home-bestseller__header-right .button,
.sec-home-bestseller .home-bestseller__header-right .button:last-of-type,
.sec-home-bestseller a.button.home-bestseller__all-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1.5px solid #2E3F33;
  border-color: #2E3F33;
  border-radius: 4px;
  padding: 8px 28px;
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  min-height: auto;
  line-height: normal;
  box-shadow: none;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.sec-home-bestseller a.button.home-bestseller__all-btn,
.sec-home-bestseller a.button.home-bestseller__all-btn span,
.sec-home-bestseller .home-bestseller__header-right .button span {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #2E3F33;
  line-height: normal;
  transition: color 0.25s ease;
}

.sec-home-bestseller a.button.home-bestseller__all-btn::after,
.sec-home-bestseller .home-bestseller__header-right .button::after {
  display: none;
  content: none;
}

.sec-home-bestseller a.button.home-bestseller__all-btn:hover,
.sec-home-bestseller .home-bestseller__header-right .button:hover {
  background-color: #2E3F33;
  border-color: #2E3F33;
}

.sec-home-bestseller a.button.home-bestseller__all-btn:hover span,
.sec-home-bestseller .home-bestseller__header-right .button:hover span {
  color: #FFFFFF;
}

/* 5. Products Card Grid in Bestseller - Căn giữa nội dung thẻ sản phẩm theo Figma */


.sec-home-bestseller .home-bestseller__grid .product-small {
  background-color: transparent;
  transition: transform 0.3s ease;
  text-align: center;
}

.sec-home-bestseller .home-bestseller__grid .product-small:hover {
  transform: translateY(-4px);
}

.sec-home-bestseller .home-bestseller__grid .box-image {
  background-color: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(196, 154, 69, 0.12);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.sec-home-bestseller .home-bestseller__grid .box-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.sec-home-bestseller .home-bestseller__grid .product-small:hover .box-image img {
  transform: scale(1.04);
}

.sec-home-bestseller .home-bestseller__grid .box-text {
  padding: 16px 8px 8px;
  text-align: center;
}

.sec-home-bestseller .home-bestseller__grid .name a {
    font-size: 20px;
    font-weight: 600;
    color: #514E3B;
    text-transform: initial;
    letter-spacing: 0.8px;
    line-height: 1.4;
    display: block;
    margin-bottom: 6px;
    text-align: center;
    transition: color 0.2s ease;
    font-family: "Chiron Sung HK", sans-serif;
}
.sec-home-bestseller .home-bestseller__grid .name a:hover {
  color: #C49A45;
}

.sec-home-bestseller .home-bestseller__grid .price {
  font-size: 13.5px;
  color: #7A8279;
  text-align: center;
  margin: 0;
}

.sec-home-bestseller .home-bestseller__grid .price .woocommerce-Price-amount {
  color: #2E3F33;
font-weight: 500;
}

.sec-home-bestseller .home-bestseller__grid .price .woocommerce-Price-amount::before {
  content: "Giá tham khảo: ";
  font-weight: 400;
    color: #7A8279;
    font-size: 14.5px;
}

/* Colocated Responsive Mobile / Tablet for Bestseller Section */
@media (max-width: 768px) {
  .sec-home-bestseller {
    padding: 40px 15px 35px;
  }
  .sec-home-bestseller .home-bestseller__header {
    margin-bottom: 24px;
  }
  .sec-home-bestseller .home-bestseller__title {
    margin-bottom: 22px;
  }
  .sec-home-bestseller .home-bestseller__title .section-title-main {
    font-size: 20px;
    gap: 10px;
  }
  .sec-home-bestseller .home-bestseller__title .section-title-main::before {
    width: 22px;
    height: 22px;
  }
  .sec-home-bestseller .home-bestseller__subtitle p:first-child,
  .sec-home-bestseller .home-bestseller__subtitle p:first-child strong {
    font-size: 19px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
  }
  .sec-home-bestseller .home-bestseller__subtitle p:nth-child(2),
  .sec-home-bestseller .home-bestseller__subtitle p:last-child {
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 16px;
    padding: 0;
  }
  .sec-home-bestseller .home-bestseller__badge-btn,
  .sec-home-bestseller .home-bestseller__badge-btn span {
    font-size: 16px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
  }
  .sec-home-bestseller .home-bestseller__all-btn {
    padding: 6px 20px;
  }
  .sec-home-bestseller .home-bestseller__all-btn,
  .sec-home-bestseller .home-bestseller__all-btn span {
    font-size: 10.5px;
  }
  .sec-home-bestseller .home-bestseller__grid .name a {
    font-size: 12.5px;
  }
  .sec-home-bestseller .home-bestseller__grid .price {
    font-size: 12px;
    white-space: nowrap;
  }
  .sec-home-bestseller .home-bestseller__grid .price .woocommerce-Price-amount::before {
    font-size: 11px;
  }
}

.sec-home-bestseller .home-talk-card,
.home-talk-card {
  background-color: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
  border: 1px solid #EAE5D9;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  height: 340px;
  min-height: 340px;
  max-height: 340px;
}

.home-talk-card__left {
  flex: 0 0 46%;
  max-width: 46%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  height: 100%;
}

.home-talk-card__left > .col-inner {
  padding: 40px 36px 40px 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.home-talk-card__content h2 {
font-size: 36px;
    font-weight: 500;
    color: #514E3B;
    margin-bottom: 12px;
    line-height: 1.35;
}

.home-talk-card__content p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--an-text-body, #5C635B);
  margin-bottom: 0;
  max-width: 460px;
}
.sec-home-bestseller .home-talk-card .col {
    padding-bottom: 0;
}
.home-talk-card__btn {
    background: #514E3B;
    font-family: "Chiron Sung HK", sans-serif;
    text-transform: none;
    font-size: 20px;
    font-weight: 100;
}
.home-talk-card__btn {
  background-color: #1F2E23;
  color: #FFFFFF;
  border-radius: 999px;
  padding: 11px 28px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  margin-top: 14px;
}

.home-talk-card__btn::after {
  content: " \2192";
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  transition: transform 0.25s ease;
}

.home-talk-card__btn:hover {
  background-color: #2E4233;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(31, 46, 35, 0.25);
}

.home-talk-card__btn:hover::after {
  transform: translateX(4px);
}

.home-talk-card__right {
  flex: 0 0 54%;
  max-width: 54%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}

.home-talk-card__right > .col-inner {
  height: 100%;
  max-height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}

.home-talk-card__table-row {
  height: 100%;
  max-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  min-height: 0;
}
h2.section-title.section-title-center b {
    opacity: 0;
}
.sec-home-blog span.section-title-main {
    margin-bottom: 0;
}
.sec-home-blog .section-title-container.home-spaces__title {
    margin-bottom: 10px;
}
.home-blog__subtitle h3 {
    font-weight: 200;
}
.home-talk-card__table-row > .col {
  display: flex;
  align-items: stretch;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  flex: 0 0 50%;
  max-width: 50%;
	gap: 1em;
}

.home-talk-card__table-row > .col:first-child,
.home-talk-card__table-row > .col:last-child {
  flex: 0 0 50%;
  max-width: 50%;
}

.home-talk-card__table-row > .col > .col-inner {
  height: 100%;
  max-height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}

.home-talk-card__table-img1,
.home-talk-card__table-img2 {
  height: 100%;
  max-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}

.home-talk-card__table-img1 .img-inner,
.home-talk-card__table-img2 .img-inner {
  height: 100%;
  max-height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}

.home-talk-card__table-img1 img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
  display: block;
  margin: 0;
  border-radius: 0;
}

.home-talk-card__table-img2 img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: left center;
  display: block;
  margin: 0;
  border-radius: 0;
}

.home-talk-card__table-img1 {
  border-right: 1.5px solid rgba(0, 0, 0, 0.06);
}

@media (min-width: 769px) and (max-width: 1024px) {
  .sec-home-bestseller .home-talk-card,
  .home-talk-card {
    height: 310px;
    min-height: 310px;
    max-height: 310px;
  }
  .home-talk-card__left {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .home-talk-card__left > .col-inner {
    padding: 30px 24px;
  }
  .home-talk-card__content h2 {
    font-size: 24px;
  }
  .home-talk-card__content p {
    font-size: 13.5px;
  }
  .home-talk-card__right {
    flex: 0 0 50%;
    max-width: 50%;
    height: 310px;
    max-height: 310px;
  }
}

@media (max-width: 768px) {
  .sec-home-bestseller .home-talk-card,
  .home-talk-card {
    flex-direction: column;
    height: auto;
    min-height: auto;
    max-height: none;
    padding: 0;
    border-radius: 14px;
  }
  .home-talk-card__left {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .home-talk-card__left > .col-inner {
    padding: 32px 20px 28px;
    text-align: center;
    align-items: center;
  }
  .home-talk-card__content h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .home-talk-card__content p {
    font-size: 14px;
    line-height: 1.65;
  }
  .home-talk-card__btn {
    margin-top: 14px;
  }
  .home-talk-card__right {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 220px;
    max-height: 220px;
    margin-top: 0;
  }
  .home-talk-card__right > .col-inner,
  .home-talk-card__table-row {
    height: 220px;
    max-height: 220px;
  }
  .home-talk-card__table-row > .col {
    height: 220px;
    max-height: 220px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .home-talk-card__table-img1,
  .home-talk-card__table-img2 {
    height: 220px;
    max-height: 220px;
  }
  .home-talk-card__table-img1 img,
  .home-talk-card__table-img2 img {
    height: 220px;
    max-height: 220px;
    object-fit: cover;
  }
}

/* [HOMEPAGE BLOG / NEWS SECTION] */


.sec-home-blog .home-blog__title {
  margin-bottom: 8px;
  border: none;
}
.sec-home-blog .home-blog__title h2,
.sec-home-blog .home-blog__title .section-title {
  border: none;
  border-bottom: none;
  justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.sec-home-blog .home-blog__title b,
.sec-home-blog .home-blog__title .is-divider,
.sec-home-blog .home-blog__title .section-title::after,
.sec-home-blog .home-blog__title .section-title::before {
  display: none;
  border: none;
}
.sec-home-blog .home-blog__title .section-title-main {
  font-size: 32px;
  font-weight: 600;
  color: var(--an-text-title, #2C352E);
  text-transform: none;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 0;
}
.sec-home-blog .home-blog__subtitle p {
  font-size: 15px;
  color: var(--an-text-muted, #6B726A);
  max-width: 620px;
  margin: 0 auto 10px auto;
  line-height: 1.6;
}
.sec-home-gallery span.section-title-main {
    margin-bottom: 0;
}
.sec-home-gallery .section-title-container{
	 margin-bottom: 10px;
}
/* Post Cards Grid */
.home-news__posts .post-item {
  margin-bottom: 00px;
}
.home-news__posts .post-item .col-inner {
  background: #FFFFFF;
  border: 1px solid #ECE7DC;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(44, 53, 46, 0.03);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}
.home-news__posts .post-item .col-inner:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(44, 53, 46, 0.08);
  border-color: #D8D2C3;
}
.home-news__posts .box {
  background: transparent;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  box-shadow: none;
}
.home-news__posts .box-image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.home-news__posts .box-image .image-cover {
  padding-top: 58%;
}
.home-news__posts .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-news__posts .post-item .col-inner:hover .box-image img {
  transform: scale(1.05);
}
.home-news__posts .badge.post-date,
.home-news__posts .from_the_blog_comments,
.home-news__posts .post-item a.button,
.home-news__posts .post-item .more-link {
  display: none;
}
.home-news__posts .box-text {
  padding: 22px 24px 24px 24px;
  text-align: left;
  background: #FFFFFF;
}
.home-news__posts .box-text-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.home-news__posts .post-title {
  margin-top: 0;
  margin-bottom: 10px;
  min-height: 48px;
}
.home-news__posts .post-title a {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--fs-color-primary);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s ease;
}
.home-news__posts .post-item .col-inner:hover .post-title a {
  color: #1F2E23;
}
.home-news__posts .is-divider {
  display: none;
}
.home-news__posts .from_the_blog_excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: var(--an-text-muted, #6B726A);
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex-grow: 1;
}

.home-news__posts .box-text-inner::after {
  content: "→";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #EAE5D9;
  color: #2C2A1E;
  font-size: 16px;
  margin: auto auto 0 auto;
  transition: all 0.25s ease;
}
.home-news__posts .post-item .col-inner:hover .box-text-inner::after {
  background: #1F2E23;
  border-color: #1F2E23;
  color: #FFFFFF;
  transform: translateX(4px);
}

@media (max-width: 768px) {
  .sec-home-blog {
    padding: 30px 15px;
  }

  .sec-home-blog .gap-element {
    display: none;
  }
  .sec-home-blog .home-blog__title {
    margin-bottom: 6px;
  }
  .sec-home-blog .home-blog__title .section-title-main {
    font-size: 24px;
  }
  .sec-home-blog .home-blog__subtitle p {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .home-news__posts {
    margin-top: 0;
    margin-bottom: 0;
  }
  .home-news__posts .post-item {
    margin-bottom: 16px;
  }
  .home-news__posts .post-item:last-child,
  .home-news__posts > .col:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .home-news__posts .box-text {
    padding: 18px 16px 20px 16px;
  }
  .home-news__posts .post-title {
    min-height: auto;
    margin-bottom: 8px;
  }
  .home-news__posts .post-title a {
    font-size: 15.5px;
  }
  .home-news__posts .from_the_blog_excerpt {
    font-size: 13.5px;
    margin-bottom: 14px;
  }
}

/* [HOMEPAGE GALLERY / CÔNG TRÌNH TIÊU BIỂU SECTION] */

.sec-home-gallery .home-gallery__title {
  margin-bottom: 8px;
  border: none;
}
.sec-home-gallery .home-gallery__title h2,
.sec-home-gallery .home-gallery__title .section-title {
  border: none;
  border-bottom: none;
  justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.sec-home-gallery .home-gallery__title b,
.sec-home-gallery .home-gallery__title .is-divider,
.sec-home-gallery .home-gallery__title .section-title::after,
.sec-home-gallery .home-gallery__title .section-title::before {
  display: none;
  border: none;
}
.sec-home-gallery .home-gallery__title .section-title-main {
  font-size: 32px;
  font-weight: 600;
  color: var(--an-text-title, #2C352E);
  text-transform: none;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 0;
}
.sec-home-gallery .home-gallery__subtitle p {
  font-size: 16px;
  margin: 0 auto 20px auto;
  line-height: 1.6;
}
.sec-home-blog {
    padding-bottom: 0 !important;
}
/* Gallery Grid & Image Cards */
.home-gallery,
.sec-home-gallery .home-gallery {
  margin-bottom: 0;
}
.home-gallery .gallery-col {
  margin-bottom: 15px;
}
.home-gallery .col-inner {
  border-radius: 10px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 4px 16px rgba(44, 53, 46, 0.04);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-gallery .col-inner:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(44, 53, 46, 0.12);
}
.home-gallery .box-image {
  border-radius: 10px;
  overflow: hidden;
}
.home-gallery .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-gallery .col-inner:hover .box-image img {
  transform: scale(1.06);
}

@media (max-width: 768px) {
  .sec-home-gallery {
    padding: 30px 15px;
  }
  .sec-home-gallery .row:first-child .col {
    padding-bottom: 0;
  }
  .sec-home-gallery .gap-element {
    display: none;
  }
  .sec-home-gallery .home-gallery__title {
    margin-bottom: 6px;
  }
  .sec-home-gallery .home-gallery__title .section-title-main {
    font-size: 24px;
  }
  .sec-home-gallery .home-gallery__subtitle p {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .home-gallery {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-top: 0;
    padding-bottom: 15px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-gallery::-webkit-scrollbar {
    display: none;
  }
  .home-gallery .gallery-col {
    flex: 0 0 70%;
    max-width: 70%;
    scroll-snap-align: start;
    margin-bottom: 0;
  }
}

/* [OTHER GALLERIES & GENERAL POST GRIDS] */
.construct-gallery .box-image img,
.news-posts-grid .box-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .construct-gallery .box-image img,
  .news-posts-grid .box-image img {
    height: 160px;
  }
}

/* [CATEGORY LEVEL 1 PAGE (/san-pham/)] */
.sec-cat-hero {
  border-bottom: 1px solid var(--an-border);
}
.sec-cat-hero .cat-hero__title {
  margin-bottom: 10px;
}
.sec-cat-hero .cat-hero__desc p {
  font-size: 16px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.sec-cat-room .room-banner {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(46, 63, 51, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sec-cat-room .room-banner .box-image img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  display: block;
}
.sec-cat-room .room-banner:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(46, 63, 51, 0.2);
}
.sec-cat-room .room-banner.box-overlay .box-text {
  background: linear-gradient(to top, rgba(30, 42, 34, 0.92) 0%, rgba(30, 42, 34, 0.45) 60%, transparent 100%);
  padding: 30px 24px 20px;
}
.sec-cat-room .room-banner h2 {
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 8px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.sec-cat-room .room-banner p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .sec-cat-room .room-banner .box-image img {
    height: 240px;
  }
  .sec-cat-room .room-banner h2 {
    font-size: 22px;
  }
  .sec-cat-room .room-banner p {
    font-size: 13px;
  }
}

.sec-cat-room .button.is-outline {
  background-color: #FFFFFF;
  margin-bottom: 12px;
  transition: all 0.25s ease;
  font-weight: 500;
}
.sec-cat-room .button.is-outline:hover {
  background-color: var(--primary-color);
  color: #FFFFFF;
  border-color: var(--primary-color);
}

.sec-custom-order h2 {
  font-size: 32px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 12px;
}
.sec-custom-order p {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.92);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .sec-custom-order h2 {
    font-size: 24px;
  }
  .sec-custom-order p {
    font-size: 14px;
  }
}

/* [CONSTRUCTION LANDING PAGE (/thi-cong-noi-that/)] */
.scroll-to-bullets,
body.scroll-to-bullets {
  display: none;
}

/* ====================================
   HERO BANNER – Thi Công Nội Thất
   ==================================== */
.sec-construct-hero {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.sec-construct-hero .banner {
  min-height: 560px;
}
.sec-construct-hero .banner-bg {
  background-position: center center;
}
.sec-construct-hero .banner-bg img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.sec-construct-hero .construct-hero__card .text-box-content {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  max-width: 100%;
  margin: 0;
  text-align: left;
}
.sec-construct-hero .construct-hero__card .text-inner {
  text-align: left;
}
.sec-construct-hero .construct-hero__card .construct-hero__text,
.sec-construct-hero .construct-hero__card .construct-hero__text h1,
.sec-construct-hero .construct-hero__card .construct-hero__text h2 {

  font-size: 40px;
  font-weight: 600;
  color: #CDB087;
  margin-bottom: 16px;
  line-height: 1.22;
  text-align: left;
  letter-spacing: -0.3px;
}
.sec-construct-hero .construct-hero__card .construct-hero__text p,
.sec-construct-hero .construct-hero__sub-box {
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-left: 3px solid #CDB087;
  border-radius: 0 4px 4px 0;
  padding: 10px 16px;
  margin-bottom: 22px;
  max-width: 540px;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.55;
  text-align: left;
}
.sec-construct-hero .construct-hero__sub-box p {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.55;
  margin-bottom: 0;
  text-align: left;
}
.sec-construct-hero .construct-hero__card .row,
.sec-construct-hero .construct-hero__card .row.construct-hero__badges-row {
  margin-top: 22px;
  margin-bottom: 26px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  max-width: 560px;
}
.sec-construct-hero .construct-hero__card .row .col,
.sec-construct-hero .construct-hero__card .row .col.large-3,
.sec-construct-hero .construct-hero__card .row .col.medium-3 {
  padding: 0;
  max-width: none;
  flex: 0 0 auto;
  flex-basis: auto;
  width: auto;
}
.sec-construct-hero .construct-hero__card .row .col-inner {
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sec-construct-hero .construct-hero__card .row .icon-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  text-align: left;
  width: auto;
  margin-bottom: 0;
}
.sec-construct-hero .construct-hero__card .row .icon-box::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.25s ease;
}
.sec-construct-hero .construct-hero__card .row .icon-box:hover::before {
  transform: translateY(-2px) scale(1.05);
}

.sec-construct-hero .construct-hero__card .row .icon-box-text p {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 0;
  text-align: left;
  letter-spacing: 0;
  white-space: nowrap;
}
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  background-color: #CFBEAA;
  color: #2E3F33;
  border: none;
  border-radius: 50px;
  padding: 9px 24px;
  letter-spacing: 0.3px;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  margin: 0;
}
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero span {
  color: #2E3F33;
}
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero i {
  color: #2E3F33;
  font-size: 13px;
  margin-left: 4px;
  transition: transform 0.25s ease;
}
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero:hover {
  background-color: #E2D5C4;
  color: #1E2B23;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero:hover span,
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero:hover i {
  color: #1E2B23;
}
.sec-construct-hero .construct-hero__card a.button.btn-construct-hero:hover i {
  transform: translateX(3px);
}

@media (max-width: 849px) {
  .sec-construct-hero .banner {
    min-height: 520px;
  }
  .sec-construct-hero .construct-hero__card,
  .sec-construct-hero .banner-layers .construct-hero__card,
  .sec-construct-hero .banner .text-box.construct-hero__card {
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 480px;
    width: 480px;
  }
  .sec-construct-hero .construct-hero__card .construct-hero__text,
  .sec-construct-hero .construct-hero__card .construct-hero__text h1,
  .sec-construct-hero .construct-hero__card .construct-hero__text h2 {
    font-size: 32px;
    line-height: 1.25;
  }
  .sec-construct-hero .construct-hero__card .construct-hero__text p,
  .sec-construct-hero .construct-hero__sub-box {
    padding: 8px 14px;
    margin-bottom: 18px;
    max-width: 460px;
    font-size: 13px;
  }
  .sec-construct-hero .construct-hero__sub-box p {
    font-size: 13px;
  }
  .sec-construct-hero .construct-hero__card .row,
  .sec-construct-hero .construct-hero__card .row.construct-hero__badges-row {
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 16px;
    margin-bottom: 20px;
    max-width: 460px;
  }
  .sec-construct-hero .construct-hero__card .row .col,
  .sec-construct-hero .construct-hero__card .row .col.large-3,
  .sec-construct-hero .construct-hero__card .row .col.medium-3 {
    flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (max-width: 549px) {
  .sec-construct-hero .banner {
    min-height: 480px;
  }
  .sec-construct-hero .construct-hero__card,
  .sec-construct-hero .banner-layers .construct-hero__card,
  .sec-construct-hero .banner .text-box.construct-hero__card {
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
  }
  .sec-construct-hero .construct-hero__card .construct-hero__text,
  .sec-construct-hero .construct-hero__card .construct-hero__text h1,
  .sec-construct-hero .construct-hero__card .construct-hero__text h2 {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 12px;
  }
  .sec-construct-hero .construct-hero__card .construct-hero__text p,
  .sec-construct-hero .construct-hero__sub-box {
    padding: 8px 12px;
    margin-bottom: 16px;
    background: rgba(30, 26, 22, 0.65);
    font-size: 12.5px;
    line-height: 1.5;
  }
  .sec-construct-hero .construct-hero__sub-box p {
    font-size: 12.5px;
  }
  .sec-construct-hero .construct-hero__card .row,
  .sec-construct-hero .construct-hero__card .row.construct-hero__badges-row {
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-top: 14px;
    margin-bottom: 18px;
  }
  .sec-construct-hero .construct-hero__card .row .col,
  .sec-construct-hero .construct-hero__card .row .col.large-3,
  .sec-construct-hero .construct-hero__card .row .col.medium-3 {
    flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px);
  }
  .sec-construct-hero .construct-hero__card .row .icon-box::before {
    width: 24px;
    height: 24px;
  }
  .sec-construct-hero .construct-hero__card .row .icon-box-text p {
    font-size: 12px;
  }
  .sec-construct-hero .construct-hero__card a.button.btn-construct-hero {
    padding: 9px 20px;
    font-size: 13px;
  }
}

/* Section Giới thiệu năng lực thi công (Section 2) */
section.sec-construct-intro,
.sec-construct-intro {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #FAF8F5;
  position: relative;
  overflow: hidden;
}
.construct-intro__row {
  align-items: center;
}
.construct-intro__col-slider .col-inner {
  padding-right: 15px;
}
.construct-intro__col-text .col-inner {
  padding-left: 42px;
}
.construct-intro__slider {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(32, 53, 46, 0.12);
}
.construct-intro__slider .flickity-viewport {
  border-radius: 14px;
}
.construct-intro__slider .banner {
  min-height: 480px;
  border-radius: 14px;
}
.construct-intro__slider .banner-bg img {
  object-fit: cover;
  object-position: center;
  border-radius: 14px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.construct-intro__slider:hover .banner-bg img {
  transform: scale(1.02);
}
.construct-intro__slider .flickity-prev-next-button {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
  border-radius: 50%;
  color: #20352E;
  transition: all 0.3s ease;
}
.construct-intro__slider .flickity-prev-next-button:hover {
  background: #20352E;
  color: #FFFFFF;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  transform: translateY(-50%) scale(1.05);
}
.construct-intro__slider .flickity-page-dots {
  bottom: 16px;
}
.construct-intro__slider .flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.65);
  border: none;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s ease;
}
.construct-intro__slider .flickity-page-dots .dot.is-selected {
  width: 24px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.construct-intro__text h6 {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2.5px;
  color: #9E8050;
  margin-bottom: 12px;
  text-transform: uppercase;
  display: inline-block;
}
.construct-intro__text h2 {

    font-weight: 400;
    font-size: 44px;
    color: #6F5F25;
  margin-bottom: 20px;
  line-height: 1.3;
}
.construct-intro__text p {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: #55524B;
  margin-bottom: 16px;
}
.construct-intro__text p strong {
  color: #20352E;
  font-weight: 600;
}
a.button.construct-intro__btn,
.construct-intro__btn {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background-color: #20352E;
  color: #FFFFFF;
  border: none;
  border-radius: 50px;
  padding: 12px 32px;
  line-height: 1.4;
  min-height: 0;
  height: auto;
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(32, 53, 46, 0.16);
  text-transform: uppercase;
}
a.button.construct-intro__btn span {
  color: #FFFFFF;
}
a.button.construct-intro__btn:hover {
  background-color: #8A6D3B;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(138, 109, 59, 0.25);
}
a.button.construct-intro__btn:hover span {
  color: #FFFFFF;
}
@media (max-width: 849px) {
  section.sec-construct-intro,
  .sec-construct-intro {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .construct-intro__slider .banner {
    min-height: 400px;
  }
  .construct-intro__col-slider {
    padding-bottom: 0;
  }
  .construct-intro__col-slider .col-inner {
    padding-right: 0;
  }
  .construct-intro__col-text .col-inner {
    padding-left: 0;
    margin-top: 18px;
  }
  .construct-intro__text h2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .construct-intro__text p {
    font-size: 14.5px;
    line-height: 1.65;
  }
}
@media (max-width: 549px) {
  section.sec-construct-intro,
  .sec-construct-intro {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .construct-intro__slider .banner {
    min-height: 320px;
  }
  .construct-intro__col-slider {
    padding-bottom: 0;
  }
  .construct-intro__col-slider .col-inner {
    padding-right: 0;
  }
  .construct-intro__col-text .col-inner {
    padding-left: 0;
    margin-top: 18px;
  }
  .construct-intro__text h6 {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 8px;
  }
  .construct-intro__text h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .construct-intro__text p {
    font-size: 14px;
    margin-bottom: 12px;
  }
  a.button.construct-intro__btn,
  .construct-intro__btn {
    width: 100%;
    padding: 12px 20px;
    margin-top: 14px;
  }
}


/* Section Không Gian Thi Công (Section 3) */
section.sec-construct-spaces,
.sec-construct-spaces {
  padding-top: 80px;
  padding-bottom: 75px;
  background-color: #FAF8F5;
  position: relative;
}
.construct-spaces__header {
  margin: 0 auto 46px auto;
  text-align: center;
}
.construct-spaces__header h2 {
    font-weight: 400 !important; 
    font-size: 44px !important;
    color: var(--fs-color-primary) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.2px !important;
  margin-bottom: 12px !important;
  display: block !important;
  visibility: visible !important;
}
.construct-spaces__header p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #55524B;
  line-height: 1.65;
  max-width: 620px;
  margin: 0 auto;
}

.construct-spaces__col {
  margin-bottom: 30px;
}
.construct-spaces__col > .col-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.construct-spaces__box {
  background-color: #FFFFFF;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.35s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.35s ease;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.construct-spaces__box:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(32, 53, 46, 0.12);
  border-color: rgba(158, 128, 80, 0.35);
}
.construct-spaces__box .box-image {
  width: 100%;
  flex-shrink: 0;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  position: relative;
}
.construct-spaces__box .box-image .image-zoom {
  width: 100%;
  overflow: hidden;
}
.construct-spaces__box .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.construct-spaces__box:hover .box-image img {
  transform: scale(1.06);
}
.construct-spaces__box .box-text {
  width: 100%;
  padding: 22px 20px 24px;
  background-color: #FFFFFF;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.construct-spaces__box .box-text .box-text-inner {
  width: 100%;
}
.construct-spaces__box h4,.construct-spaces__box p{
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #9E8050;
  margin-bottom: 6px;
	    font-family: "Chiron Sung HK", sans-serif;
  line-height: 1.4;
}
.number h3 {
    color: #F4F1E9;
    font-size: 143px;
    margin-bottom: 0;
    line-height: 1;
}
.text-num h3 {
    color: #F4F1E9;
    font-size: 38px;
    margin-bottom: 0;
    line-height: 1.2;
}

@media (max-width: 849px) {
  section.sec-construct-spaces,
  .sec-construct-spaces {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .construct-spaces__header {
    margin-bottom: 24px;
  }
  .construct-spaces__header h2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .construct-spaces__header p {
    font-size: 14.5px;
  }
  .construct-spaces__col {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .construct-spaces__box .box-text {
    padding: 18px 16px 20px;
  }
  .construct-spaces__box p {
    font-size: 18px;
  }
}
@media (max-width: 549px) {
  section.sec-construct-spaces,
  .sec-construct-spaces {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .construct-spaces__header {
    margin-bottom: 20px;
  }
  .construct-spaces__header h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .construct-spaces__header p {
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 0;
  }
  .construct-spaces__col {
    padding-bottom: 0;
    margin-bottom: 18px;
  }
  .construct-spaces__row:last-child .construct-spaces__col:last-child {
    margin-bottom: 0;
  }
  .construct-spaces__box h4 {
    font-size: 11.5px;
    letter-spacing: 1.5px;
  }
  .construct-spaces__box p {
    font-size: 17px;
  }
}

/* ==========================================================================
   [THI CÔNG NỘI THẤT - SECTION 3: 6 LÝ DO CHỌN MỘC AN NHIÊN]
   Tông nền gỗ nâu ô liu đồng bộ #514E3B với Section 4
   ========================================================================== */
.sec-about-why,
section.sec-about-why {
  background-color: #514E3B;
  padding-top: 75px;
  padding-bottom: 25px;
}
.sec-about-why .section-bg {
  background-color: #514E3B;
}
.sec-about-why .about-why-composite-row {

  width: 100%;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  align-items: stretch;
}
.sec-about-why .about-why-left-col > .col-inner {
  background: transparent;
  padding: 0 35px 0 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Header */
.about-why-panel-heading h5 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #DDC594;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 10px 0;
}
.about-why-panel-heading h5::before {
  content: "";
  width: 24px;
  height: 1px;
  background: rgba(221, 197, 148, 0.4);
}
.about-why-panel-heading h5::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(221, 197, 148, 0.35);
}
.about-why-panel-heading h3 {
  font-size: 28px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.25;
  letter-spacing: 0.3px;
  margin: 0 0 26px 0;
  display: block;
}
.about-why-panel-heading h3::first-letter {
  font-size: 58px;
  font-weight: 600;
  color: #FFFFFF;
  float: left;
  line-height: 0.85;
  margin-right: 10px;
  margin-top: 2px;
}

/* 6 Reason Boxes Grid */
.about-why-boxes-row {
  margin-bottom: 24px;
	margin-top: 26px;
}
.about-why-box-col {
  padding: 0 16px 10px 16px;
}
.about-why-boxes-row > .about-why-box-col:first-child {
  padding-left: 0;
}

.about-why-icon-box {
  display: block;
}
.about-why-icon-box .icon-box-img {
  display: none;
}
.about-why-icon-box h5 {
color: #777777;
    margin: 0 0 6px 0;
    line-height: 1;
    font-size: 44px;
  font-weight: 600;
  margin: 0 0 6px 0;
  line-height: 1;
}
.about-why-icon-box h4 {
font-size: 16px;
    font-weight: 600;
    color: #DDC594;
    line-height: 1.35;
    margin: 0 0 6px 0;
    text-transform: none;
    letter-spacing: 0;
}
.about-why-icon-box p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12.5px;
  line-height: 1.6;
  color: #D5CFC5;
  margin: 0;
}

/* Footer & Buttons */
.about-why-panel-footer-row {
  border-top: none;
  margin-top: auto;
  padding-top: 14px;
  align-items: center;
}
a.button.about-why-chat-btn, .about-why-chat-btn, .about-why-btn-col a.button, .btn-construct-hero {
  background-color: #DDC594;
  color: #2C2A1E;
  border-radius: 50px;
  border: none;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.3px;
  padding: 11px 28px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}
a.button.about-why-chat-btn span,
.about-why-chat-btn span,
.about-why-btn-col a.button span {
  color: #2C2A1E;
}
a.button.about-why-chat-btn:hover,
.about-why-chat-btn:hover,
.about-why-btn-col a.button:hover {
  background-color: #CBB078;
  color: #2C2A1E;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
a.button.about-why-chat-btn:hover span,
.about-why-chat-btn:hover span,
.about-why-btn-col a.button:hover span {
  color: #2C2A1E;
}
.about-why-slogan-text {
  display: none;
}

/* Right Photo Column */
.about-why-photo-col {
  border-radius: 10px;
  overflow: hidden;
}
.about-why-photo-col .col-inner {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}
.about-why-photo-col .about-why-photo-img {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  border-radius: 10px;
  overflow: hidden;
}
.about-why-photo-col .about-why-photo-img .img-inner {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.about-why-photo-col .about-why-photo-img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
  display: block;
}

/* Responsive Section 3 */
@media (max-width: 849px) {
  .sec-about-why,
  section.sec-about-why {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .about-why-panel-heading h5 {
    justify-content: center;
    text-align: center;
    margin-bottom: 8px;
  }
  .about-why-panel-heading h5::before,
  .about-why-panel-heading h5::after {
    content: "";
    flex: 1;
    max-width: 40px;
    height: 1px;
    background: rgba(221, 197, 148, 0.4);
  }
  .about-why-panel-heading h3 {
    text-align: center;
    margin-bottom: 18px;
  }
  .about-why-panel-heading h3::first-letter {
    float: none;
    margin: 0;
    font-size: inherit;
    display: inline;
  }
  .sec-about-why .about-why-left-col > .col-inner {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .about-why-boxes-row {
    margin-bottom: 14px;
  }
  .about-why-boxes-row > .about-why-box-col:not(:last-child) {
    border-right: none;
  }
  .about-why-box-col {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 14px;
  }
  .about-why-icon-box {
    text-align: center;
  }
  .about-why-icon-box h5,
  .about-why-icon-box h4,
  .about-why-icon-box p {
    text-align: center;
  }
  .about-why-panel-footer-row {
    text-align: center;
    justify-content: center;
    flex-direction: column;
  }
  .about-why-panel-footer-row .col,
  .about-why-panel-footer-row .about-why-btn-col,
  .about-why-panel-footer-row .about-why-slogan-col {
    text-align: center;
    justify-content: center;
    width: 100%;
  }
  a.button.about-why-chat-btn,
  .about-why-chat-btn {
    margin: 0 auto 12px auto;
    display: inline-flex;
  }
  .about-why-slogan-text p {
    text-align: center;
    justify-content: center;
    white-space: nowrap;
  }
  .about-why-photo-col .about-why-photo-img img {
    min-height: 320px;
    height: 320px;
  }
}

/* ==========================================================================
   [THI CÔNG NỘI THẤT - SECTION 4: DỰ ÁN VÀ CÔNG TRÌNH NỔI BẬT]
   Nền đồng bộ #514E3B liền mạch với Section 3
   ========================================================================== */
section.sec-construct-projects,
.sec-construct-projects {
  display: block;
  background-color: #514E3B;
  padding-top: 25px;
  padding-bottom: 75px;
  text-align: center;
  position: relative;
  width: 100%;
}
.sec-construct-projects .section-bg {
  background-color: #514E3B;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sec-construct-projects .section-content {
  width: 100%;
  position: relative;
  z-index: 1;
}
.construct-projects__header {
  max-width: 860px;
  margin: 0 auto 36px auto;
  text-align: center;
}
.construct-projects__header h2 {
  font-size: 32px;
  font-weight: 500;
  color: #DDC594;
  letter-spacing: 0.3px;
  text-transform: none;
  line-height: 1.35;
  margin-bottom: 0;
  display: block;
}

.construct-projects__col {
  margin-bottom: 28px;
}
.construct-projects__col > .col-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Transparent project cards */
.construct-projects__box {
  background-color: transparent;
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
  border: none;
  transition: transform 0.35s ease;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.construct-projects__box:hover {
  transform: translateY(-4px);
  box-shadow: none;
}
.construct-projects__box .box-image {
  width: 100%;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.construct-projects__box .box-image .image-zoom {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.construct-projects__box .box-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.construct-projects__box:hover .box-image img {
  transform: scale(1.05);
}
.construct-projects__box .box-text {
  width: 100%;
  padding: 14px 0 0 0;
  background-color: transparent;
  background: transparent;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.construct-projects__box .box-text .box-text-inner {
  width: 100%;
}
.construct-projects__box p {
  font-size: 16px;
  font-weight: 400;
  color: #E6D6B8;
  line-height: 1.4;
  letter-spacing: 0.3px;
  text-transform: none;
  margin-bottom: 0;
  transition: color 0.25s ease;
}
.construct-projects__box p::after {
  content: "→";
  display: block;
  font-size: 16px;
  color: #DDC594;
  margin-top: 5px;
  line-height: 1;
  transition: transform 0.25s ease;
}
.construct-projects__box:hover .box-text p {
  color: #FFFFFF;
}
.construct-projects__box:hover p::after {
  transform: translateX(4px);
  color: #FFFFFF;
}

/* Button */
a.button.construct-projects__btn,
.sec-construct-projects a.construct-projects__btn {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: none;
  background-color: #DDC594;
  color: #2C2A1E;
  border-radius: 50px;
  border: none;
  padding: 12px 38px;
  line-height: 1.4;
  min-height: 0;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0 auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
a.button.construct-projects__btn span,
.sec-construct-projects a.construct-projects__btn span {
  color: #2C2A1E;
}
a.button.construct-projects__btn:hover,
.sec-construct-projects a.construct-projects__btn:hover {
  background-color: #CBB078;
  color: #2C2A1E;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
a.button.construct-projects__btn:hover span,
.sec-construct-projects a.construct-projects__btn:hover span {
  color: #2C2A1E;
}

/* Responsive Section 4 */
@media (max-width: 849px) {
  section.sec-construct-projects,
  .sec-construct-projects {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .construct-projects__header {
    margin-bottom: 22px;
  }
  .construct-projects__header h2 {
    font-size: 26px;
  }
  .construct-projects__col {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .construct-projects__box p {
    font-size: 15px;
  }
  a.button.construct-projects__btn,
  .sec-construct-projects a.construct-projects__btn {
    padding: 11px 28px;
    font-size: 13px;
    margin: 10px auto 0 auto;
  }
}
@media (max-width: 549px) {
  section.sec-construct-projects,
  .sec-construct-projects {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .construct-projects__header {
    margin-bottom: 18px;
  }
  .construct-projects__header h2 {
    font-size: 22px;
  }
  .construct-projects__col {
    padding-bottom: 0;
    margin-bottom: 18px;
  }
  .construct-projects__row:last-child .construct-projects__col:last-child {
    margin-bottom: 0;
  }
  .construct-projects__box p {
    font-size: 14.5px;
  }
  a.button.construct-projects__btn,
  .sec-construct-projects a.construct-projects__btn {
    width: 100%;
    max-width: 320px;
    padding: 11px 20px;
    margin: 10px auto 0 auto;
  }
}

.construct-section-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 8px;
}
.construct-section-subtitle p {
  font-size: 15px;
  color: var(--an-text-body);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .construct-section-title {
    font-size: 24px;
  }
  .construct-section-subtitle p {
    font-size: 14px;
  }
}

/* Năng lực xưởng */
.capacity-card {
  background-color: #FAF8F5;
  border: 1px solid var(--an-border);
  border-radius: 6px;
  padding: 24px 20px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
.capacity-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(46, 63, 51, 0.1);
  border-color: var(--an-primary);
}
.capacity-card h3 {
  font-size: 36px;
  font-weight: 700;
  color: var(--an-primary);
  margin-bottom: 6px;
}
.capacity-card h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--an-text-title);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.capacity-card p {
  font-size: 13px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 0;
}
.capacity-img {
  border-radius: 6px;
  overflow: hidden;
}
.capacity-desc h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 12px;
}
.capacity-desc p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--an-text-body);
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .capacity-card h3 {
    font-size: 28px;
  }
  .capacity-desc h3 {
    font-size: 20px;
  }
}

/* 3 Thể loại thi công */
.category-banner {
  border-radius: 6px;
  overflow: hidden;
}
.category-banner .box-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}
.category-banner.box-overlay .box-text {
  background: linear-gradient(to top, rgba(30, 42, 34, 0.85) 0%, rgba(30, 42, 34, 0.3) 60%, transparent 100%);
  padding: 16px 14px;
}
.category-banner h3 {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .category-banner .box-image img {
    height: 200px;
  }
}
.category-box {
  background-color: #FFFFFF;
  border: 1px solid var(--an-border);
  border-radius: 6px;
  padding: 24px;
  height: 100%;
}
.category-box h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 12px;
}
.category-box p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 14px;
}
.category-box ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.category-box li {
  font-size: 13px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 8px;
}

/* 6 Lý do chọn Mộc An Nhiên */
.why-item-card {
  background-color: #FAF8F5;
  border-left: 3px solid var(--an-primary);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
}
.why-item-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(46, 63, 51, 0.08);
}
.why-item-card h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--an-primary);
  margin-bottom: 8px;
}
.why-item-card p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 0;
}

/* Quy trình 8 bước */
.process-step-card {
  background-color: #FAF8F5;
  border: 1px solid var(--an-border);
  border-radius: 6px;
  padding: 20px 16px;
  text-align: center;
  margin-bottom: 20px;
  transition: all 0.25s ease;
	
  height: 100%;
}

.process-step-card h3 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--an-accent);
  margin-bottom: 6px;
}
.process-step-card h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 8px;
}
.process-step-card p {
  font-size: 13px;
  line-height: 1.5;
  color: var(--an-text-body);
  margin-bottom: 0;
}

/* Đội ngũ thợ mộc */
.craftsmen-banner {
  border-radius: 6px;
  overflow: hidden;
}
.craftsmen-banner .box-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
}
.craftsmen-banner.box-overlay .box-text {
  background: linear-gradient(to top, rgba(24, 34, 28, 0.9) 0%, rgba(24, 34, 28, 0.35) 60%, transparent 100%);
  padding: 24px 20px;
}
.craftsmen-banner h3 {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 4px;
}
.craftsmen-banner p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .craftsmen-banner .box-image img {
    height: 280px;
  }
}
.craftsmen-content h2 {
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 14px;
}
.craftsmen-content p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 14px;
}
.craftsmen-content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.craftsmen-content li {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .craftsmen-content h2 {
    font-size: 22px;
  }
}

/* Form đăng ký dự toán CF7 */
.sec-construct-quote .construct-quote-form {
  background-color: #FAF8F5;
  border: 1px solid var(--an-border);
  border-radius: 8px;
  padding: 30px;
}
.construct-quote-form .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 14px;
}
.construct-quote-form .form-col {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.construct-quote-form .col-half {
  width: 50%;
}
.construct-quote-form .col-full {
  width: 100%;
}
@media (max-width: 768px) {
  section.sec-construct-quote,
  .sec-construct-quote {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sec-construct-quote .construct-quote__header-row .col {
    padding-bottom: 0;
  }
  .sec-construct-quote .about-section-header {
    margin-bottom: 18px;
  }
  .sec-construct-quote .about-section-header p {
    margin-bottom: 0;
  }
  .sec-construct-quote .construct-quote__main-row > .col:first-child {
    padding-bottom: 24px;
  }
  .construct-quote-form .col-half {
    width: 100%;
    margin-bottom: 14px;
  }
}
.construct-quote-form label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--an-text-title);
  margin-bottom: 6px;
}
.construct-quote-form input[type="text"],
.construct-quote-form input[type="tel"],
.construct-quote-form input[type="email"],
.construct-quote-form select,
.construct-quote-form textarea {
  width: 100%;
  border: 1px solid var(--an-border);
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 10px 14px;
  font-size: 14px;
  color: var(--an-text-body);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.construct-quote-form input:focus,
.construct-quote-form select:focus,
.construct-quote-form textarea:focus {
  border-color: var(--an-primary);
  outline: none;
  box-shadow: 0 0 0 2px rgba(46, 63, 51, 0.15);
}
.construct-quote-form textarea {
  min-height: 90px;
  resize: vertical;
}
.construct-quote-form .form-submit-row {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
}
.construct-quote-form input[type="submit"] {
  background-color: var(--an-primary);
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.25s ease;
  width: 100%;
}
.construct-quote-form input[type="submit"]:hover {
  background-color: var(--an-accent);
}

.quote-contact-info {
  background-color: #FAF8F5;
  border: 1px solid var(--an-border);
  border-radius: 8px;
  padding: 28px;
  height: 100%;
}
.quote-contact-info h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 12px;
}
.quote-contact-info p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 14px;
}
.quote-contact-info ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 16px;
}
.quote-contact-info li {
  font-size: 13px;
  line-height: 1.8;
  color: var(--an-text-body);
  margin-bottom: 8px;
  border-bottom: 1px dashed var(--an-border);
  padding-bottom: 6px;
}

/* Đối tác vật liệu */
.partner-card {
  background-color: #FFFFFF;
  border: 1px solid var(--an-border);
  border-radius: 6px;
  padding: 24px 18px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
}
.partner-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(46, 63, 51, 0.08);
  border-color: var(--an-primary);
}
.partner-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--an-primary);
  margin-bottom: 6px;
}
.partner-card h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--an-text-title);
  margin-bottom: 10px;
}
.partner-card p {
  font-size: 13px;
  line-height: 1.5;
  color: var(--an-text-body);
  margin-bottom: 0;
}

/* ==========================================================================
   [ABOUT PAGE (/gioi-thieu/)]
   ========================================================================== */
.sec-about-hero {
  text-align: center;
  border-bottom: 3px solid var(--an-accent);
}
.about-hero__text h1 {
  font-size: 36px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}
.about-hero__text p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.85);
  max-width: 720px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .about-hero__text h1 {
    font-size: 26px;
  }
  .about-hero__text p {
    font-size: 14px;
  }
}

.about-intro__badge h4,
.about-origin__badge h4,
.about-section-header h4,
.contact-info__card h4,
.contact-form__header h4,
.contact-map__text h4,
.news-section-header h4 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--an-accent);
  margin-bottom: 8px;
}
.about-intro__badge h2,
.about-origin__badge h2,
.about-section-header h2,
.contact-info__card h2,
.contact-form__header h2,
.contact-map__text h2,
.news-section-header h2 {
  font-size: 28px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 16px;
  line-height: 1.35;
}
@media (max-width: 768px) {
  .about-intro__badge h2,
  .about-origin__badge h2,
  .about-section-header h2,
  .contact-info__card h2,
  .contact-form__header h2,
  .contact-map__text h2,
  .news-section-header h2 {
    font-size: 22px;
  }
}
.about-intro__badge p,
.about-origin__badge p,
.about-section-header p,
.contact-info__card p,
.contact-form__header p,
.contact-map__text p,
.news-section-header p {
  font-size: 15px;
  line-height: 1.75;
  color: var(--an-text-body);
  margin-bottom: 14px;
}

.about-intro__image img,
.about-origin__image img,
.contact-map__image img {
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  width: 100%;
  object-fit: cover;
}

/* Why choose Mộc An Nhiên Cards */
.about-why__card {
  background-color: #FFFFFF;
  border: 1px solid var(--an-border);
  border-radius: 6px;
  padding: 28px 20px;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.about-why__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(46, 63, 51, 0.08);
  border-color: var(--an-primary);
}
.about-why__card em {
  display: block;
  font-size: 28px;
  font-weight: 800;
  color: var(--an-accent);
  font-style: normal;
  margin-bottom: 10px;
}
.about-why__card h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 12px;
}
.about-why__card p {
  font-size: 14px;
  line-height: 1.65;
  color: var(--an-text-body);
  margin-bottom: 0;
}

/* Pillars: Vision, Mission, Core Values */
.about-values__pillar {
  background-color: #FFFFFF;
  border: 1px solid var(--an-border);
  border-top: 4px solid var(--an-primary);
  border-radius: 6px;
  padding: 32px 24px;
  height: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.about-values__pillar h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--an-border);
}
.about-values__pillar p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--an-text-body);
}
.about-values__pillar ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.about-values__pillar li {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 10px;
  padding-left: 18px;
  position: relative;
}
.about-values__pillar li::before {
  content: "•";
  color: var(--an-accent);
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -2px;
}
.about-values__pillar li strong {
  color: var(--an-text-title);
}

/* 8 Steps Process */
.about-process__step {
  background-color: #FFFFFF;
  border: 1px solid var(--an-border);
  border-radius: 6px;
  padding: 24px 18px;
  margin-bottom: 20px;
  height: calc(100% - 20px);
  position: relative;
  transition: transform 0.25s ease;
}
.about-process__step:hover {
  transform: translateY(-3px);
  border-color: var(--an-accent);
}
.about-process__step em {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: var(--an-accent);
  font-style: normal;
  margin-bottom: 8px;
}
.about-process__step h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 8px;
}
.about-process__step p {
  font-size: 13px;
  line-height: 1.6;
  color: var(--an-text-body);
  margin-bottom: 0;
}

/* About CTA */
.about-cta__text h2 {
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 12px;
}
.about-cta__text p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 24px;
}
.about-cta__btn,
.about-cta__btn-sec {
  margin: 6px 8px;
}

/* ==========================================================================
   [NEWS PAGE (/tin-tuc/)]
   ========================================================================== */
.sec-news-hero {
  text-align: center;
  border-bottom: 3px solid var(--an-accent);
  padding-top: 30px;
  padding-bottom: 30px;
}
.news-hero__text h1 {
  font-size: 30px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 6px;
}
.news-hero__text p {
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .news-hero__text h1 {
    font-size: 24px;
  }
}

.sec-news-grid {
  padding-top: 28px;
  padding-bottom: 30px;
}
.news-section-header {
  text-align: center;
}
.news-section-header h4 {
  font-size: 12px;
  font-weight: 600;
  color: var(--an-accent, #C29A5B);
  letter-spacing: 1.5px;
  margin-bottom: 4px;
  text-align: center;
}
.news-section-header h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--an-text-title, #2E3F33);
  margin-bottom: 6px;
  text-align: center;
}
.news-section-header p {
  font-size: 14px;
  color: var(--an-text-body, #666666);
  margin-bottom: 8px;
  text-align: center;
}

.news-posts-grid .badge-container,
.news-posts-grid .badge.post-date {
  display: none;
}
.news-posts-grid .box {
  background-color: #FFFFFF;
  border: 1px solid #ECE7E1;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 16px;
}
.news-posts-grid .box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.news-posts-grid .box-image {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.news-posts-grid .box-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.news-posts-grid .box:hover .box-image img {
  transform: scale(1.05);
}
.news-posts-grid .box-text {
  padding: 12px 14px 14px;
}
.news-posts-grid .post-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--an-text-title);
  line-height: 1.35;
  margin-bottom: 4px;
  text-align: center;
}
.news-posts-grid .post-title a {
  color: var(--an-text-title);
  transition: color 0.2s ease;
}
.news-posts-grid .post-title a:hover {
  color: var(--an-accent, #C29A5B);
}

/* Date element matching noithatmego.com: <p class="time-post"><span>26/08/2026</span></p> */
.news-posts-grid .post-meta,
.news-posts-grid .time-post,
.time-post {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 5px 0px 8px;
  opacity: 1;
}

.news-posts-grid .post-meta::after,
.news-posts-grid .time-post::after,
.time-post::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ffd1b5;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 50%;
  z-index: 1;
}

.news-posts-grid .post-meta span,
.news-posts-grid .time-post span,
.time-post span {
  background: #3d635a;
  padding: 0 5px;
  border: 1px solid #ffd1b5;
  border-radius: 15px;
  font-size: 14px;
  line-height: 20px;
  z-index: 2;
  color: #fff;
  font-weight: 500;
  display: inline-block;
}

.news-posts-grid .is-divider {
  display: none;
}
.news-posts-grid .from_the_blog_excerpt {
  font-size: 13px;
  line-height: 1.5;
  color: var(--an-text-body, #666666);
  margin-bottom: 0;
  text-align: center;
}
.news-posts-grid a.button {
  display: none;
}

/* Sidebar styling for News Page */
.news-grid__sidebar-col {
  position: sticky;
  top: 90px;
  padding-left: 0;
}
.news-grid__sidebar-col .sidebar-wrapper {
  padding-left: 15px;
}
@media (max-width: 849px) {
  .news-grid__sidebar-col {
    position: static;
    padding-left: 15px;
  }
  .news-grid__sidebar-col .sidebar-wrapper {
    padding-left: 0;
    margin-top: 25px;
  }
}

.news-grid__sidebar-col .widget,
.post-sidebar .widget,
.single-post #secondary .widget {
  margin-bottom: 18px;
  background-color: #FAF8F5;
  border: 1px solid #EFEAE4;
  border-radius: 6px;
  padding: 16px 16px;
}
.news-grid__sidebar-col .widget .is-divider,
.post-sidebar .widget .is-divider,
.single-post #secondary .widget .is-divider {
  display: none;
}
.news-grid__sidebar-col .widget-title,
.news-grid__sidebar-col .widgettitle,
.post-sidebar .widget-title,
.post-sidebar .widgettitle,
.single-post #secondary .widget-title,
.single-post #secondary .widgettitle {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--an-primary, #2E3F33);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--an-accent, #C29A5B);
}

/* Search widget */
.news-grid__sidebar-col .widget_search .searchform,
.post-sidebar .widget_search .searchform,
.single-post #secondary .widget_search .searchform {
  margin: 0;
}
.news-grid__sidebar-col .widget_search input[type="search"],
.post-sidebar .widget_search input[type="search"],
.single-post #secondary .widget_search input[type="search"] {
  border-radius: 4px;
  border: 1px solid #E2DCD5;
  padding: 8px 12px;
  font-size: 13.5px;
  background-color: #FFFFFF;
  margin-bottom: 0;
  height: 40px;
  box-shadow: none;
  transition: border-color 0.25s ease;
}
.news-grid__sidebar-col .widget_search input[type="search"]:focus,
.post-sidebar .widget_search input[type="search"]:focus,
.single-post #secondary .widget_search input[type="search"]:focus {
  border-color: var(--an-primary, #2E3F33);
}
.news-grid__sidebar-col .widget_search .button,
.post-sidebar .widget_search .button,
.single-post #secondary .widget_search .button {
  background-color: var(--an-primary, #2E3F33);
  border-color: var(--an-primary, #2E3F33);
  color: #FFFFFF;
  border-radius: 4px;
  padding: 0 14px;
  height: 40px;
  margin-bottom: 0;
  transition: background-color 0.25s ease;
}
.news-grid__sidebar-col .widget_search .button:hover,
.post-sidebar .widget_search .button:hover,
.single-post #secondary .widget_search .button:hover {
  background-color: var(--an-accent, #C29A5B);
  border-color: var(--an-accent, #C29A5B);
}

/* Product categories widget */
.news-grid__sidebar-col .product-categories,
.post-sidebar .product-categories,
.single-post #secondary .product-categories {
  list-style: none;
  padding: 0;
  margin: 0;
}
.news-grid__sidebar-col .product-categories > li,
.post-sidebar .product-categories > li,
.single-post #secondary .product-categories > li {
  border-bottom: 1px dashed #E5E0D8;
  padding: 6px 0;
  font-size: 13.5px;
  font-weight: 600;
}
.news-grid__sidebar-col .product-categories > li:last-child,
.post-sidebar .product-categories > li:last-child,
.single-post #secondary .product-categories > li:last-child {
  border-bottom: none;
}
.news-grid__sidebar-col .product-categories a,
.post-sidebar .product-categories a,
.single-post #secondary .product-categories a {
  color: var(--an-text-title, #2C2C2C);
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease, transform 0.2s ease;
}
.news-grid__sidebar-col .product-categories a:hover,
.post-sidebar .product-categories a:hover,
.single-post #secondary .product-categories a:hover {
  color: var(--an-accent, #C29A5B);
  transform: translateX(4px);
}
.news-grid__sidebar-col .product-categories ul.children,
.post-sidebar .product-categories ul.children,
.single-post #secondary .product-categories ul.children {
  list-style: none;
  padding-left: 12px;
  margin-top: 4px;
  margin-bottom: 2px;
  border-left: 2px solid #E8E3DC;
}
.news-grid__sidebar-col .product-categories ul.children li,
.post-sidebar .product-categories ul.children li,
.single-post #secondary .product-categories ul.children li {
  padding: 4px 0;
  font-size: 13px;
  font-weight: 400;
  border-bottom: none;
}
.news-grid__sidebar-col .product-categories ul.children li a,
.post-sidebar .product-categories ul.children li a,
.single-post #secondary .product-categories ul.children li a {
  color: var(--an-text-body, #555555);
}
.news-grid__sidebar-col .product-categories ul.children li a:hover,
.post-sidebar .product-categories ul.children li a:hover,
.single-post #secondary .product-categories ul.children li a:hover {
  color: var(--an-accent, #C29A5B);
}

/* Featured news widget with thumbnail images */
.news-grid__sidebar-col .flatsome_recent_posts ul,
.post-sidebar .flatsome_recent_posts ul,
.single-post #secondary .flatsome_recent_posts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.news-grid__sidebar-col .flatsome_recent_posts li.recent-blog-posts-li,
.post-sidebar .flatsome_recent_posts li.recent-blog-posts-li,
.single-post #secondary .flatsome_recent_posts li.recent-blog-posts-li {
  padding: 8px 0;
  border-bottom: 1px dashed #E5E0D8;
}
.news-grid__sidebar-col .flatsome_recent_posts li.recent-blog-posts-li:last-child,
.post-sidebar .flatsome_recent_posts li.recent-blog-posts-li:last-child,
.single-post #secondary .flatsome_recent_posts li.recent-blog-posts-li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.news-grid__sidebar-col .flatsome_recent_posts .recent-blog-posts,
.post-sidebar .flatsome_recent_posts .recent-blog-posts,
.single-post #secondary .flatsome_recent_posts .recent-blog-posts {
  padding: 0;
  align-items: center;
  gap: 10px;
}
.news-grid__sidebar-col .flatsome_recent_posts .badge.post-date,
.post-sidebar .flatsome_recent_posts .badge.post-date,
.single-post #secondary .flatsome_recent_posts .badge.post-date {
  width: 80px;
  height: 58px;
  min-width: 80px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #EAE5DE;
  background-color: #F8F6F2;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.news-grid__sidebar-col .flatsome_recent_posts .badge-inner,
.post-sidebar .flatsome_recent_posts .badge-inner,
.single-post #secondary .flatsome_recent_posts .badge-inner {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  padding: 0;
  margin: 0;
}
.news-grid__sidebar-col .flatsome_recent_posts .post-date-day,
.news-grid__sidebar-col .flatsome_recent_posts .post-date-month,
.post-sidebar .flatsome_recent_posts .post-date-day,
.post-sidebar .flatsome_recent_posts .post-date-month,
.single-post #secondary .flatsome_recent_posts .post-date-day,
.single-post #secondary .flatsome_recent_posts .post-date-month {
  display: none;
}
.news-grid__sidebar-col .flatsome_recent_posts a,
.post-sidebar .flatsome_recent_posts a,
.single-post #secondary .flatsome_recent_posts a {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--an-text-title, #2C2C2C);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}
.news-grid__sidebar-col .flatsome_recent_posts a:hover,
.post-sidebar .flatsome_recent_posts a:hover,
.single-post #secondary .flatsome_recent_posts a:hover {
  color: var(--an-accent, #C29A5B);
}
.news-grid__sidebar-col .flatsome_recent_posts .post_comments,
.post-sidebar .flatsome_recent_posts .post_comments,
.single-post #secondary .flatsome_recent_posts .post_comments {
  display: none;
}

/* Widen news grid container for 3-column post layout */
.sec-news-grid .news-grid__main-row {
  max-width: 1360px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sec-news-cta {
  padding-top: 30px;
  padding-bottom: 30px;
}
.news-cta__text h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--an-text-title);
  margin-bottom: 6px;
}
.news-cta__text p {
  font-size: 14.5px;
  color: var(--an-text-body);
  margin-bottom: 14px;
}
.news-cta__btn {
  background-color: var(--an-primary);
  border-color: var(--an-primary);
}

/* ==========================================================================
   [CONTACT PAGE (/lien-he/)]
   ========================================================================== */
.sec-contact-hero {
  text-align: center;
  border-bottom: 3px solid var(--an-accent);
  padding-top: 32px;
  padding-bottom: 32px;
}
.contact-hero__text h1 {
  font-size: 30px;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 6px;
  text-align: center;
}
.contact-hero__text p {
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-hero__text h1 {
    font-size: 24px;
    text-align: center;
  }
}

.sec-contact-main {
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #FFFFFF;
}
@media (max-width: 849px) {
  .sec-contact-main {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}
.contact-main__row {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
}
.contact-left__col,
.contact-right__col {
  display: flex;
  flex-direction: column;
}
.contact-left__col > .col-inner,
.contact-right__col > .col-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Contact Left Column Header */
.contact-header-block {
  text-align: center;
}
.contact-header-block h3 {
  font-size: 19px;
  font-weight: 700;
  color: var(--an-primary, #2E3F33);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  line-height: 1.4;
  text-align: center;
}
.contact-header-block .contact-sub-info {
  font-size: 13px;
  color: #777777;
  margin-bottom: 18px;
  line-height: 1.5;
  text-align: center;
}

/* 4 Contact Badges (2x2 Grid) */
.contact-badges-row {
  margin-bottom: 15px;
}
.contact-badges-row > .col {
  margin-bottom: 12px;
}
.contact-badge-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 0;
  height: 100%;
  background-color: #FAF8F5;
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid #ECE7E1;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.contact-badge-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-color: var(--an-accent, #C29A5B);
}
.badge-icon-box {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  border: 1px solid #D6CEBE;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--an-primary, #2E3F33);
  margin-top: 2px;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.badge-icon-box::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: filter 0.2s ease;
}
.icon-box-location::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E3F33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
}
.icon-box-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E3F33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-box-clock::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E3F33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}
.icon-box-email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E3F33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
}
.contact-badge-item:hover .badge-icon-box {
  background-color: var(--an-accent, #C29A5B);
  border-color: var(--an-accent, #C29A5B);
  transform: translateY(-2px);
}
.contact-badge-item:hover .icon-box-location::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
}
.contact-badge-item:hover .icon-box-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}
.contact-badge-item:hover .icon-box-clock::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}
.contact-badge-item:hover .icon-box-email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
}
.badge-content strong {
  display: block;
  font-size: 13.5px;
  color: var(--an-text-title, #2E3F33);
  font-weight: 700;
  margin-bottom: 2px;
}
.badge-content p {
  font-size: 13px;
  color: var(--an-text-body, #666666);
  line-height: 1.45;
  margin: 0;
}
.badge-content a {
  color: var(--an-text-body, #666666);
  text-decoration: none;
  transition: color 0.2s ease;
}
.badge-content a:hover {
  color: var(--an-accent, #C29A5B);
}

/* Contact Form Intro */
.contact-form-intro {
  text-align: center;
}
.contact-form-intro h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--an-primary, #2E3F33);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  text-align: center;
}
.contact-form-intro p {
  font-size: 13px;
  color: var(--an-text-body, #666666);
  margin-bottom: 12px;
  line-height: 1.5;
  text-align: center;
}

/* Contact PDF Form (CF7) */
.contact-pdf-form {
  background-color: #FFFFFF;
}
.contact-pdf-form .form-group {
  margin-bottom: 12px;
}
.contact-pdf-form label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--an-text-title, #2E3F33);
  margin-bottom: 4px;
}
.contact-pdf-form input[type="text"],
.contact-pdf-form input[type="email"],
.contact-pdf-form input[type="tel"],
.contact-pdf-form textarea {
  width: 100%;
  border: 1px solid #DED8CF;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 8px 12px;
  font-size: 13.5px;
  color: var(--an-text-title);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 0;
}
.contact-pdf-form input:focus,
.contact-pdf-form textarea:focus {
  border-color: var(--an-primary, #2E3F33);
  outline: none;
  box-shadow: 0 0 0 2px rgba(46, 63, 51, 0.12);
}
.contact-pdf-form textarea {
  min-height: 85px;
  resize: vertical;
}
.contact-pdf-form .form-submit-group,
.wpcf7-form .form-submit-group {
  margin-top: 15px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}
.contact-pdf-form input[type="submit"],
.contact-pdf-form .contact-submit-btn,
.wpcf7-form input[type="submit"] {
  background-color: var(--an-primary, #2E3F33);
  border-color: var(--an-primary, #2E3F33);
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px 28px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  width: 100% !important;
  max-width: 130px !important;
  display: inline-block;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.contact-pdf-form input[type="submit"]:hover,
.contact-pdf-form .contact-submit-btn:hover,
.wpcf7-form input[type="submit"]:hover {
  background-color: var(--an-accent, #C29A5B);
  border-color: var(--an-accent, #C29A5B);
  box-shadow: 0 4px 12px rgba(194, 154, 91, 0.25);
  transform: none !important;
}
.contact-pdf-form .form-submit-group .wpcf7-spinner,
.wpcf7-form .form-submit-group .wpcf7-spinner {
  position: absolute;
  margin-left: 8px;
}

/* Google Map Right Column */
.contact-right__col {
  display: flex;
  flex-direction: column;
}
.contact-map-embed {
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  height: 100%;
}
.contact-map-container {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  min-height: 580px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ECE7E1;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
.contact-map-container iframe {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
}
@media (max-width: 849px) {
  .contact-main__row {
    align-items: flex-start;
  }
  .contact-left__col,
  .contact-right__col,
  .contact-left__col > .col-inner,
  .contact-right__col > .col-inner {
    height: auto;
  }
  .contact-badges-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 15px;
  }
  .contact-badges-row > .col {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 12px;
  }
  .contact-badges-row > .col > .col-inner {
    height: 100%;
  }
  .contact-badge-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 14px 10px;
    height: 100%;
  }
  .badge-content {
    text-align: center;
  }
  .badge-icon-box {
    margin-top: 0;
    margin-bottom: 8px;
  }
  .contact-map-container,
  .contact-map-container iframe {
    min-height: 320px;
    height: 320px;
    margin-top: 25px;
  }
}

/* ==========================================================================
   [GLOBAL COMPONENT: FOOTER FIGMA DESIGN]
   ========================================================================== */
.sec-footer-figma {
  background-color: #514E3B;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.sec-footer-figma .section-bg {
  background-color: #514E3B;
}
.sec-footer-figma .section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}

.sec-footer-figma .col-inner {
  padding: 0 12px;
}

/* Headings in Footer */
.sec-footer-figma h3 {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 18px;
  line-height: 1.35;
}

/* Column 1: Brand Logo & Company Info */
.footer-col-company .footer-brand-logo {
  margin-bottom: 20px;
}
.footer-col-company .footer-brand-logo .img-inner {
  width: 100%;
}

.footer-col-company-text h3 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 14px;
}
.footer-col-company-text p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  line-height: 1.7;
  color: #E0DCD3;
  margin-bottom: 8px;
}
.footer-col-company-text strong {
  color: #FFFFFF;
  font-weight: 600;
}
.footer-col-company-text a {
  color: #E0DCD3;
  transition: color 0.2s ease;
}
.footer-col-company-text a:hover {
  color: #C49A45;
}

/* Social icons circular */
.footer-col-company-text .footer-socials {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 0;
}
.footer-col-company-text .social-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #FAF8F5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.footer-col-company-text .social-btn:hover {
  background: #C49A45;
  border-color: #C49A45;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* Column 2 & 3: Policy & Guide Menus */
.footer-col-policy-text ul,
.footer-col-guide-text ul,
.sec-footer-figma .col-inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0;
  margin-left: 0;
}
.footer-col-policy-text li,
.footer-col-guide-text li,
.sec-footer-figma .col-inner ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 11px;
  line-height: 1.45;
}
.footer-col-policy-text a,
.footer-col-guide-text a {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  color: #E0DCD3;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
  display: inline-block;
}
.footer-col-policy-text a:hover,
.footer-col-guide-text a:hover {
  color: #C49A45;
  transform: translateX(4px);
}

/* Column 4: Newsletter & Payment */
.footer-col-newsletter-text p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  line-height: 1.6;
  color: #E0DCD3;
  margin-bottom: 14px;
}
.footer-newsletter-wrap {
  margin-bottom: 22px;
}
.footer-newsletter-wrap .wpcf7,
.footer-newsletter-wrap form.wpcf7-form {
  margin: 0;
  padding: 0;
}
.footer-newsletter-form {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 310px;
  position: relative;
}
.footer-newsletter-form br {
  display: none;
}
.footer-newsletter-form p {
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
}
.footer-newsletter-form .wpcf7-form-control-wrap {
  flex: 1;
  display: flex;
  margin: 0;
}
.footer-newsletter-form input[type="email"] {
  width: 100%;
  flex: 1;
  height: 42px;
  background: #FFFFFF;
  border: 1px solid #ECE7DE;
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding: 0 14px;
  font-size: 13px;
  color: #2E3F33;
  outline: none;
  margin: 0;
  box-shadow: none;
}
.footer-newsletter-form input[type="email"]::placeholder {
  color: #8C968E;
  font-size: 13px;
}
.footer-newsletter-form .btn-subscribe,
.footer-newsletter-form input[type="submit"] {
  height: 42px;
  background: #C49A45;
  color: #FFFFFF;
  border: 1px solid #C49A45;
  border-radius: 0 4px 4px 0;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.25s ease;
  white-space: nowrap;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}
.footer-newsletter-form .btn-subscribe:hover,
.footer-newsletter-form input[type="submit"]:hover {
  background: #B28738;
  border-color: #B28738;
}
.footer-newsletter-form .wpcf7-spinner {
  margin: 0;
  position: absolute;
  right: -25px;
  top: 10px;
}
.footer-col-newsletter .wpcf7-response-output {
  margin: 10px 0 0 0;
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 3px;
  color: #FFFFFF;
  border-color: #C49A45;
}

.footer-col-payment-text h3 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 6px;
  letter-spacing: 0.5px;
}
.footer-payment-badges {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
}
.footer-payment-badges .payment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-width: 52px;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #E2DDD2;
  border-radius: 4px;
  color: #2E3F33;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.footer-payment-badges .payment-badge--qr {
  padding: 0 8px;
}
.footer-payment-badges .payment-badge--qr img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.footer-payment-badges .payment-badge:hover {
  border-color: #C49A45;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* Flatsome Absolute Footer (Bottom Bar) */
.absolute-footer {
  background-color: #3D3A2C;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px 0;
}
.absolute-footer .footer-secondary {
  display: none;
}
.absolute-footer .footer-primary {
  width: 100%;
  float: none;
  text-align: center;
}
.absolute-footer .copyright-footer {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  color: rgba(250, 248, 245, 0.7);
  text-align: center;
}

/* Responsive Colocated */
@media (max-width: 768px) {
  .sec-footer-figma {
    padding: 45px 0 30px 0;
  }
  .sec-footer-figma .footer-col-company {
    margin-bottom: 28px;
  }
  .sec-footer-figma .footer-col-policy,
  .sec-footer-figma .footer-col-guide {
    margin-bottom: 24px;
  }
  .sec-footer-figma .footer-col-newsletter {
    margin-top: 8px;
  }
  .footer-newsletter-form {
    max-width: 100%;
  }
}

/* ==========================================================================
   [PAGE: GIỚI THIỆU - MỘC AN NHIÊN]
   ========================================================================== */

/* Section Header Shared */
.about-section-header {
  text-align: center;
  margin-bottom: 35px;
}
.about-section-header h4 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  color: #C49A45;
  margin-bottom: 8px;
}
.about-section-header h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1F2923;
  line-height: 1.3;
  margin-bottom: 8px;
}
.about-section-header h3 {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  color: #5C685D;
  margin-bottom: 12px;
}
.about-section-header p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #5C685D;
  max-width: 780px;
  margin: 0 auto;
}

/* Rounded Images & Infographic Banners */
.about-rounded-image {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(46, 63, 51, 0.08);
}
.about-rounded-image img {
  border-radius: 8px;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.about-banner-infographic {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.about-banner-infographic img {
  border-radius: 8px;
  width: 100%;
  height: auto;
  display: block;
}


.about-story-text,
.about-origin-text {
  padding: 10px 15px;
}
.about-story-text p,
.about-origin-text p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #4A5550;
  margin-bottom: 16px;
}
.about-origin-text h3 {
  font-size: 24px;
  font-weight: 700;
  color: #1F2923;
  margin-bottom: 16px;
}
.about-origin-text blockquote {
  border-left: 3px solid #C49A45;
  padding: 14px 22px;
  background: #FAF8F5;
  margin: 22px 0 0 0;
  font-size: 16px;
  font-style: italic;
  color: #2E3F33;
  border-radius: 0 6px 6px 0;
}

/* ==========================================================================
   [ABOUT SUBNAV & WHY CHOOSE US - 4 Ô CARD CHIA CỘT RÕ RÀNG]
   ========================================================================== */
.about-subnav-menu {
  margin: 18px auto 30px auto;
  text-align: center;
}
.about-subnav-menu p {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #FAF8F5;
  border: 1px solid #ECE7DE;
  border-radius: 30px;
  padding: 8px 22px;
  margin: 0;
}
.about-subnav-link {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #5C685D;
  text-decoration: none;
  transition: all 0.25s ease;
}
.about-subnav-link:hover,
.about-subnav-link.is-active {
  color: #C49A45;
}
.subnav-divider {
  color: #D5CFC5;
  font-size: 11px;
}

/* ==========================================================================
   [SECTION 2: TẠI SAO CHỌN MỘC AN NHIÊN - 6 LÝ DO & BANNER COMPOSITE]
   ========================================================================== */
.sec-about-why {
  background-color: #FAF8F5;
  padding: 60px 0 70px 0;
}

/* Header & Intro Text */
.about-why-header-row {
  margin-bottom: 30px;
}
.about-why-intro-desc {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.about-why-intro-desc p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  margin: 0 auto;
}

/* Khối Composite 6 Lý Do & Hình Ảnh Bên Phải */
.sec-about-why .about-why-composite-row {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(46, 63, 51, 0.05);
  display: flex;
  align-items: stretch;
}
.sec-tc-about .about-why-composite-row h3,.sec-tc-about .about-why-composite-row h4,.sec-tc-about .about-why-composite-row p {
    color: #222;
}
.sec-tc-about .about-why-composite-row {
    box-shadow: none;
}
.about-why-composite-row > .col {
  display: flex;
}
.about-why-composite-row > .col > .col-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Cột Trái: Bảng 6 Lý Do */
.about-why-left-col,
.about-why-left-col > .col-inner {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.about-why-left-col > .col-inner {
  padding: 34px 32px 28px 34px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .about-why-composite-row {
    flex-direction: column;
  }
  .about-why-left-col,
  .about-why-left-col > .col-inner {
    border-bottom-left-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .about-why-left-col > .col-inner {
    padding: 24px 20px;
    justify-content: flex-start;
  }
}

/* Header trong Panel Trái */
.about-why-panel-header-row .col,
.about-why-panel-header-row .col-inner {
  padding-bottom: 0;
  margin-bottom: 0;
}
.about-why-panel-heading h5 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #8C8275;
  margin: 0 0 4px 0;
}
.about-why-panel-heading h3 {

  font-size: 28px;
  font-weight: 700;
  color: var(--an-text-title);
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
  line-height: 1.2;
}
.about-why-panel-heading h3::first-letter {
  font-size: 46px;
  font-weight: 800;
  color: var(--an-primary);
  margin-right: 4px;
}
@media (max-width: 768px) {
  .about-why-panel-heading h5 {
    text-align: center;
  }
  .about-why-panel-heading h3 {
    text-align: center;
    font-size: 22px;
  }
  .about-why-panel-heading h3::first-letter {
    float: none;
    font-size: inherit;
    margin: 0;
    display: inline;
  }
}

/* Hàng Icon Boxes */
.about-why-boxes-row {
  margin-bottom: 22px;
}
.about-why-box-col {
  padding: 0 16px 10px 0;
}

.about-why-boxes-row > .about-why-box-col:not(:first-child) {
  padding-left: 16px;
}


/* Icon Box Element - Grid Layout: Number + Circle Icon on Row 1, Full-Width Title & Text on Rows 2-3 */
.about-why-icon-box {
  margin-bottom: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "num icon"
    "title title"
    "desc desc";
  column-gap: 10px;
  row-gap: 0;
  align-items: center;
}
.about-why-icon-box .icon-box-text {
  display: contents;
}
.about-why-icon-box .icon-box-img {
  grid-area: icon;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  justify-self: start;
}
.about-why-icon-box .icon-box-img .icon {
  width: 32px;
  height: 32px;
  margin: 0;
}
.about-why-icon-box .icon-box-img .icon-inner {
  border: 1px solid rgba(46, 63, 51, 0.25);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.about-why-icon-box .icon-box-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.about-why-icon-box p {
  grid-area: desc;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  line-height: 1.55;
  margin: 0;
}

/* Footer trong Panel Trái: Nút CTA & Slogan */
.about-why-panel-footer-row {
  margin-top: 14px;
  padding-top: 18px;
  border-top: 1px solid rgba(46, 63, 51, 0.1);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.about-why-panel-footer-row .about-why-btn-col {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}
.about-why-panel-footer-row .about-why-slogan-col {
  flex: 1 1 auto;
  max-width: none;
  width: auto;
}
.about-why-panel-footer-row .col,
.about-why-panel-footer-row .col-inner {
  padding-bottom: 0;
  margin-bottom: 0;
}
.about-why-chat-btn a {
  background-color: var(--an-primary);
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 13.5px;
  font-weight: 600;
  padding: 10px 22px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.about-why-chat-btn a:hover {
  background-color: #222E26;
}
.about-why-slogan-text p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: #8C8275;
  text-align: right;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .about-why-panel-footer-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .about-why-panel-footer-row .about-why-btn-col,
  .about-why-panel-footer-row .about-why-slogan-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    text-align: center;
  }
  .about-why-chat-btn a {
    margin: 0 auto;
  }
  .about-why-slogan-text p {
    text-align: center;
    margin-top: 12px;
    font-size: clamp(10.5px, 2.9vw, 12px);
    letter-spacing: 0.6px;
    white-space: nowrap;
  }
}

/* Cột Phải: Hình Ảnh Xưởng Cân Bằng */
.about-why-photo-col {
  padding: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.about-why-photo-col .col-inner {
  height: 100%;
  padding: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.about-why-photo-col .about-why-photo-img,
.about-why-photo-col .about-why-photo-img .img-inner {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.about-why-photo-col .about-why-photo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media (max-width: 768px) {
  .about-why-photo-col,
  .about-why-photo-col .col-inner,
  .about-why-photo-col .about-why-photo-img,
  .about-why-photo-col .about-why-photo-img .img-inner,
  .about-why-photo-col .about-why-photo-img img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    height: 300px;
  }
}


.capacity-card-col {
  margin-bottom: 24px;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  width: 33.33333%;
  display: flex;
}
.capacity-card-col > .col-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #FAF8F5;
  border: 1px solid #ECE7DE;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.capacity-card-col:hover > .col-inner {
  border-color: #C49A45;
  box-shadow: 0 10px 24px rgba(46, 63, 51, 0.08);
  transform: translateY(-3px);
}
.capacity-card-img-top,
.capacity-card-img-bottom,
.capacity-card-img {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
.capacity-card-img-top img,
.capacity-card-img-bottom img,
.capacity-card-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.capacity-card-img-bottom {
  margin-top: auto;
}
.capacity-card-col:hover .capacity-card-img-top img,
.capacity-card-col:hover .capacity-card-img-bottom img,
.capacity-card-col:hover .capacity-card-img img {
  transform: scale(1.04);
}
.capacity-card-text {
  padding: 24px 22px 20px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.capacity-card-text h5 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #C49A45;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 6px 0;
  line-height: 1.3;
}
.capacity-card-text h3,
.capacity-card-text h4 {

  font-size: 20px;
  font-weight: 700;
  color: #1F2923;
  margin: 0 0 10px 0;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.capacity-card-text p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #5C685D;
  margin: 0 0 14px 0;
}
.capacity-card-text strong {
  color: #2E3F33;
}
.capacity-card-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}
.capacity-card-text li {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4A5550;
  margin-bottom: 8px;
  position: relative;
  padding-left: 18px;
}
.capacity-card-text li:last-child {
  margin-bottom: 0;
}
.capacity-card-text li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #C49A45;
  font-size: 11px;
  font-weight: 700;
}
.capacity-card-text li strong {
  color: #1F2923;
}
@media (max-width: 768px) {
  .capacity-cards-row {
    margin-bottom: 24px;
  }
  .capacity-card-col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .capacity-card-img-top img,
  .capacity-card-img-bottom img {
    height: 200px;
  }
}

/* Panoramic Banner at Bottom of Capacity */

.cap-banner-wrap {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  position: relative;
}
.cap-banner-img img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  display: block;
}
.cap-banner-caption {
  background: rgba(46, 63, 51, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #FFFFFF;
  padding: 14px 24px;
  text-align: center;
}
.cap-banner-caption p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 14px;
  color: #EAE6DF;
  margin: 0;
}
.cap-banner-caption strong {
  color: #C49A45;
}

/* ==========================================================================
   [TẦM NHÌN, SỨ MỆNH & 5 GIÁ TRỊ CỐT LÕI - CHIA TỪNG Ô RIÊNG BIỆT]
   ========================================================================== */
.sec-about-values {
  background-color: #FAF8F5;
  padding: 70px 0 65px 0;
}

.about-vm-col {
  margin-bottom: 24px;
  display: flex;
}
.about-vm-col > .col-inner {
  width: 100%;
  height: 100%;
}
.about-vm-card {
  background: #FFFFFF;
  border: 1px solid #ECE7DE;
  border-radius: 12px;
  padding: 36px 30px;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
}
.about-vm-card:hover {
  border-color: #C49A45;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(46, 63, 51, 0.08);
}
.about-vm-card h5 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #C49A45;
  margin: 0 0 6px 0;
}
.about-vm-card h3 {

  font-size: 24px;
  font-weight: 700;
  color: #1F2923;
  margin-bottom: 14px;
  line-height: 1.3;
}
.about-vm-card blockquote {
  border-left: 3px solid #C49A45;
  background: #FAF8F5;
  padding: 16px 20px;
  margin: 0;

  font-size: 16.5px;
  font-style: italic;
  line-height: 1.65;
  color: #2E3F33;
  border-radius: 0 6px 6px 0;
  flex: 1;
}
@media (max-width: 768px) {
  .about-vision-mission-row {
    margin-bottom: 0;
  }
  .about-vision-mission-row > .about-vm-col {
    margin-bottom: 16px;
    padding-bottom: 0;
  }
  .about-vision-mission-row > .about-vm-col:last-child {
    margin-bottom: 0;
  }
  .about-vm-card {
    padding: 24px 20px;
    margin-bottom: 0;
  }
}

/* 5 GIÁ TRỊ CỐT LÕI - 5 Ô UX_IMAGE_BOX */

.about-sub-section-header h4 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #C49A45;
  margin-bottom: 6px;
}
.about-sub-section-header h2 {

  font-size: 24px;
  font-weight: 700;
  color: #2E3F33;
  margin-bottom: 10px;
}
.about-values-row-2col,
.about-values-row-3col {
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.about-values-row-2col {
  margin-bottom: 24px;
}
.about-values-row-3col {
  margin-bottom: 40px;
}
.about-value-col {
  margin-bottom: 20px;
  display: flex;
}
.about-value-col > .col-inner {
  width: 100%;
  height: 100%;
  display: flex;
}
.about-value-box {
  background: #FFFFFF;
  border: 1px solid #ECE7DE;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.about-value-box:hover {
  border-color: #C49A45;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(46, 63, 51, 0.08);
}
.about-value-box .box-image {
  width: 100%;
  overflow: hidden;
}
.about-value-box .box-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.about-value-box:hover .box-image img {
  transform: scale(1.05);
}
.about-value-box .box-text {
  padding: 22px 20px 24px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.about-value-box h4 {

  font-size: 19px;
  font-weight: 700;
  color: #1F2923;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.35;
}
.about-value-box p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #5C685D;
  margin: 0;
}
@media (max-width: 768px) {
  .about-values-row-2col,
  .about-values-row-3col {
    margin-bottom: 20px;
  }
  .about-value-col {
    margin-bottom: 16px;
  }
  .about-value-box .box-image img {
    height: 180px;
  }
}

/* ĐỘI NGŨ NHÂN SỰ */

.about-team-banner-img {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}
.about-team-banner-img img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}
.about-team-caption p {
  text-align: center;
  margin-top: 14px;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 14px;
  color: #5C685D;
}
.about-team-caption strong {
  color: #2E3F33;
}

/* ==========================================================================
   [QUY TRÌNH BÁN HÀNG & SẢN XUẤT - 8 BƯỚC ICON BOX & SLIDER CHI TIẾT]
   ========================================================================== */
.sec-about-process {
  background-color: #FAF8F5;
  padding: 70px 0 65px 0;
}

.about-process-step-col {
  margin-bottom: 16px;
  display: flex;
}
.about-process-step-col > .col-inner {
  width: 100%;
  height: 100%;
  display: flex;
}
.about-process-icon-box {
  background: #FFFFFF;
  border: 1px solid #ECE7DE;
  border-radius: 10px;
  padding: 14px 14px;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.about-process-icon-box:hover {
  border-color: #C49A45;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(46, 63, 51, 0.08);
}
.about-process-icon-box .icon-box-img {
  width: 44px;
  height: 44px;
  margin-right: 12px;
  flex-shrink: 0;
}
.about-process-icon-box .icon-box-img img {
  width: 44px;
  height: 44px;
  display: block;
}
.about-process-icon-box h5 {

  font-size: 15px;
  font-weight: 800;
  color: #C49A45;
  margin: 0 0 2px 0;
  line-height: 1;
}
.about-process-icon-box h4 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  color: #1F2923;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.35;
  margin: 0;
}

/* Slider hiển thị chi tiết 8 bước */
.about-process-slider {
  max-width: 960px;
  margin: 24px auto 0 auto;
  border-radius: 12px;
  background-color: #FAF8F5;
  border: 1px solid #ECE7DE;
  box-shadow: 0 2px 10px rgba(46, 63, 51, 0.03);
  overflow: hidden;
  position: relative;
}
.about-process-slider .flickity-page-dots {
  bottom: 12px;
}
.about-process-slider .flickity-page-dots .dot {
  background: #2E3F33;
  opacity: 0.22;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  transition: all 0.3s ease;
}
.about-process-slider .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #C49A45;
  width: 22px;
  border-radius: 4px;
}

/* Nút điều hướng Slider: Chỉ hiển thị icon mũi tên < và >, xóa hoàn toàn viền và khối oval */
.about-process-slider .flickity-prev-next-button {
  background: transparent;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  outline: none;
  opacity: 0.75;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.about-process-slider .flickity-prev-next-button:hover {
  background: transparent;
  background-color: transparent;
  border: none;
  box-shadow: none;
  opacity: 1;
  transform: scale(1.2);
}
.about-process-slider .flickity-prev-next-button,
.about-process-slider .flickity-prev-next-button svg,
.about-process-slider .flickity-prev-next-button .arrow,
.about-process-slider .flickity-prev-next-button svg path {
  border: none;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  outline: none;
}
.about-process-slider .flickity-prev-next-button::before,
.about-process-slider .flickity-prev-next-button::after {
  display: none;
  content: none;
  border: none;
  background: none;
}
.about-process-slider .flickity-prev-next-button svg.flickity-button-icon {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.about-process-slider .flickity-prev-next-button svg.flickity-button-icon path.arrow {
  fill: #2E3F33;
  transition: fill 0.25s ease;
}
.about-process-slider .flickity-prev-next-button:hover svg.flickity-button-icon path.arrow {
  fill: #C49A45;
}
.about-process-slider .flickity-prev-next-button.previous {
  left: 8px;
}
.about-process-slider .flickity-prev-next-button.next {
  right: 8px;
}

.about-process-slide-banner {
  background-color: #FAF8F5;
  padding-top: 220px;
  min-height: 220px;
}
.about-process-slide-banner .banner-inner {
  background-color: #FAF8F5;
  min-height: 220px;
}
.about-process-slide-text {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 8px 48px;
  max-width: 840px;
  width: 90%;
}
.about-process-slide-text .text-inner {
  text-align: center;
}
.about-process-slide-text h5,
.about-process-slide-text .text-inner h5,
.about-process-slide-text .text.dark h5 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #C49A45;
  margin: 0 0 6px 0;
}
.about-process-slide-text h3,
.about-process-slide-text .text-inner h3,
.about-process-slide-text .text.dark h3 {

  font-size: 22px;
  font-weight: 700;
  color: #2E3F33;
  margin: 0 0 12px 0;
  line-height: 1.3;
}
.about-process-slide-text ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}
.about-process-slide-text li {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #4A554D;
  margin-bottom: 6px;
  position: relative;
  padding-left: 22px;
}
.about-process-slide-text li:last-child {
  margin-bottom: 0;
}
.about-process-slide-text li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #C49A45;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .about-process-icons-row {
    margin-bottom: 8px;
  }
  .about-process-step-col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
  }
  .about-process-icon-box {
    padding: 12px 10px;
  }
  .about-process-icon-box .icon-box-img {
    width: 38px;
    height: 38px;
    margin-right: 10px;
  }
  .about-process-icon-box h5 {
    font-size: 13.5px;
  }
  .about-process-icon-box h4 {
    font-size: 12px;
  }
  .about-process-slider {
    margin: 16px auto 0 auto;
    border-radius: 10px;
  }
  .about-process-slider .flickity-prev-next-button {
    width: 30px;
    height: 30px;
  }
  .about-process-slider .flickity-prev-next-button svg.flickity-button-icon {
    width: 20px;
    height: 20px;
  }
  .about-process-slider .flickity-prev-next-button.previous {
    left: 2px;
  }
  .about-process-slider .flickity-prev-next-button.next {
    right: 2px;
  }
  .about-process-slide-banner {
    padding-top: 310px;
    min-height: 310px;
  }
  .about-process-slide-banner .banner-inner {
    min-height: 310px;
  }
  .about-process-slide-text {
    padding: 6px 30px;
    width: 96%;
  }
  .about-process-slide-text h5 {
    font-size: 11.5px;
    margin-bottom: 4px;
  }
  .about-process-slide-text h3 {
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 1.35;
  }
  .about-process-slide-text li {
    font-size: 13.5px;
    line-height: 1.5;
    margin-bottom: 6px;
    padding-left: 18px;
  }
  .about-process-slider .flickity-page-dots {
    bottom: 8px;
  }
}

/* ==========================================================================
   [CÔNG TRÌNH TIÊU BIỂU - 6 Ô CARD CÓ ẢNH THỰC TẾ]
   ========================================================================== */

.about-project-col {
  margin-bottom: 26px;
}
.about-project-col > .col-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #ECE7DE;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.about-project-col:hover > .col-inner {
  border-color: #C49A45;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(46, 63, 51, 0.08);
}
.about-project-img {
  width: 100%;
  overflow: hidden;
}
.about-project-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.about-project-col:hover .about-project-img img {
  transform: scale(1.04);
}
.about-project-card {
  padding: 20px 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.about-project-card span {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #C49A45;
  margin-bottom: 6px;
  display: block;
}
.about-project-card h4 {

  font-size: 18px;
  font-weight: 700;
  color: #1F2923;
  margin-bottom: 8px;
}
.about-project-card p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: #6B776E;
  margin: 0;
  flex: 1;
}

/* Call to Action */
.sec-about-cta {
  background-color: #514E3B;
  text-align: center;
}
.sec-about-cta h2 {

  font-size: 32px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 14px;
}
.sec-about-cta p {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #E0DCD3;
  max-width: 680px;
  margin: 0 auto 26px auto;
}
.about-cta-btn-gold {
  background-color: #C49A45;
  border-color: #C49A45;
  color: #FFFFFF;
  border-radius: 4px;
  font-weight: 700;
  margin-right: 12px;
}
.about-cta-btn-gold:hover {
  background-color: #B28738;
  border-color: #B28738;
}
.about-cta-btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #FAF8F5;
  border-radius: 4px;
}
.about-cta-btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #FFFFFF;
}

/* Colocated Responsive Rules */
@media (max-width: 768px) {
  .about-subnav-menu p {
    border-radius: 12px;
    padding: 10px 14px;
    gap: 8px;
  }
  .about-why-card,
  .about-vm-card,
  .about-core-value-card,
  .about-step-card,
  .about-project-col > .col-inner {
    margin-bottom: 16px;
  }
  .about-team-banner-img img {
    height: 240px;
  }
  .about-vm-card {
    padding: 24px 20px;
  }
  .about-vm-card h3 {
    font-size: 20px;
  }
  .about-section-header h2 {
    font-size: 24px;
  }
  .about-section-header h3 {
    font-size: 16px;
  }
  .about-story-text {
    padding: 0 0 20px 0;
  }
  .about-origin-text {
    padding: 0;
  }
  .sec-about-intro .about-origin-row {
    margin-bottom: 0;
  }
  .sec-about-intro .about-origin-row > .col {
    padding-bottom: 0;
  }
  .sec-about-intro {
    padding-bottom: 15px;
  }
  .sec-about-why {
    padding-top: 25px;
  }
  .capacity-card-col {
    margin-bottom: 20px;
  }
  .capacity-card-img img {
    height: 200px;
  }
  .cap-banner-img img {
    height: 240px;
  }
  .sec-about-cta h2 {
    font-size: 24px;
  }
  .about-cta-btn-gold {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }
  .about-cta-btn-outline {
    display: block;
  }

  /* ==========================================================================
     TỐI ƯU HÓA TOÀN BỘ KHOẢNG CÁCH CHUẨN TRÊN MOBILE (TRANG GIỚI THIỆU)
     ========================================================================== */
  /* 1. Phần Giới Thiệu (sec-about-intro) */
  .about-intro-header-row {
    margin-bottom: 0;
  }
  .about-intro-header-row .col {
    padding-bottom: 0;
  }
  .about-intro-header-row .about-section-header {
    margin-bottom: 20px;
  }
  .sec-about-intro {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  /* 2. Phần Tại Sao Chọn Mộc An Nhiên (sec-about-why) */
  .about-why-header-row {
    margin-bottom: 16px;
  }
  .about-why-header-row .col {
    padding-bottom: 0;
  }
  .sec-about-why {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .about-capacity-header-row {
    margin-bottom: 0;
  }
  .about-capacity-header-row .col {
    padding-bottom: 0;
  }
  .about-capacity-header-row .about-section-header {
    margin-bottom: 16px;
  }
  .about-capacity-header-row .about-section-header h3 {
    margin-bottom: 0;
  }

  /* 4. Phần Tầm Nhìn, Sứ Mệnh & Giá Trị Cốt Lõi (sec-about-values) */
  .sec-about-values {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .about-values-header-row {
    margin-bottom: 0;
  }
  .about-values-header-row .col {
    padding-bottom: 0;
  }
  .about-values-header-row .about-section-header {
    margin-bottom: 18px;
  }
  .about-values-header-row .about-section-header p {
    margin-bottom: 0;
  }
  .about-vision-mission-row {
    margin-bottom: 0;
  }
  .about-vision-mission-row > .about-vm-col {
    margin-bottom: 16px;
    padding-bottom: 0;
  }
  .about-vision-mission-row > .about-vm-col:last-child {
    margin-bottom: 0;
  }
  .about-vision-mission-row .about-vm-card {
    margin-bottom: 0;
  }
  .about-core-values-header-row {
    margin-top: 22px;
    margin-bottom: 16px;
  }
  .about-core-values-header-row .col {
    padding-bottom: 0;
  }
  .about-core-values-header-row .about-sub-section-header {
    margin-bottom: 0;
  }
  .about-core-values-header-row .about-sub-section-header h4 {
    margin-top: 0;
    margin-bottom: 6px;
  }
  .about-team-photo-row {
    margin-top: 15px;
    margin-bottom: 0;
  }
  .about-team-photo-row .col {
    padding-bottom: 0;
  }
  .about-team-caption p {
    margin-bottom: 0;
  }

  /* 5. Phần Quy Trình Bán Hàng & Sản Xuất (sec-about-process) */
  .sec-about-process {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .about-process-header-row {
    margin-bottom: 0;
  }
  .about-process-header-row .col {
    padding-bottom: 0;
  }
  .about-process-header-row .about-section-header {
    margin-bottom: 18px;
  }

  /* 6. Phần Công Trình Tiêu Biểu (sec-about-projects) */
  .sec-about-projects {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .about-projects-header-row {
    margin-bottom: 0;
  }
  .about-projects-header-row .col {
    padding-bottom: 0;
  }
  .about-projects-header-row .about-section-header {
    margin-bottom: 18px;
  }
}

/* ==========================================================================
   TRANG DANH MỤC SẢN PHẨM CẤP 2 (CATEGORY ARCHIVE - ZERO FILTER / CLEAN GRID)
   ========================================================================== */
.tax-product_cat .woocommerce-ordering,
.tax-product_cat .woocommerce-result-count,
.tax-product_cat .grid-style-all,
.tax-product_cat .category-filtering,
.tax-product_cat .filter-button,
.tax-product_cat .sidebar-category {
  display: none;
}
span.widget-title.shop-sidebar {
    font-family: "Chiron Sung HK", sans-serif;
    font-size: 20px;
    line-height: 2;
    display: block;
}
.widget .is-divider {
    display: none;
}
aside#woocommerce_product_categories-2 {
    margin-bottom: 0;
}
.tax-product_cat .product-small .col-inner {
    background: #FAF8F5;
    padding: 10px;
}
.tax-product_cat .category-page-row {
  padding-top: 10px;
  padding-bottom: 60px;
}
div#shop-sidebar {
    background: #FAF8F5;
    padding: 10px;
}
.tax-product_cat .shop-page-title {
  padding-top: 0px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 30px;
}

.tax-product_cat .woocommerce-breadcrumb {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #7D887F;
  margin-bottom: 0;
}

.tax-product_cat .woocommerce-breadcrumb a {
  color: #7D887F;
  text-decoration: none;
  transition: color 0.2s ease;
}

.tax-product_cat .woocommerce-breadcrumb a:hover {
  color: #2E3F33;
}

.tax-product_cat .product-small:hover .box-image img {
  transform: scale(1.04);
}

.tax-product_cat .product-small .badge-container,
.tax-product_cat .product-small .image-tools,
.tax-product_cat .product-small .out-of-stock-label,
.tax-product_cat .product-small .box-text .category,
.tax-product_cat .product-small .box-text .category-wrapper {
  display: none;
}

.product-small .box-text {
  padding: 16px 8px 0;
  text-align: center;
}

.product-small .title-wrapper {
  margin-bottom: 4px;
}

.product-small .title-wrapper .name,
.product-small .title-wrapper .name a {
font-size: 16px;
    font-weight: 500;
    text-transform: initial;
color: var(--fs-color-primary);
    letter-spacing: 0.5px;
    line-height: 1.4;
    margin: 0;
    text-decoration: none;
    transition: color 0.2s ease;
    font-family: "Chiron Sung HK", sans-serif;
    font-size: 18px;
}

.product-small .title-wrapper .name a:hover {
  color: #B27E4C;
}

.product-subcat-meta {
display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 4px;
}
p.box-excerpt {
    display: none;
}
ul.product-categories li a {
    font-size: 15px;
    color: #000;
}
.tax-product_cat .product-subcat-meta .product-material {
  font-size: 12px;
  color: #7D887F;
  line-height: 1.4;
  font-weight: 400;
}

.tax-product_cat .product-subcat-meta .product-view-link {
  font-size: 12px;
  color: #2E3F33;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
  transition: color 0.2s ease;
  margin-top: 2px;
  display: inline-block;
}

.tax-product_cat .product-subcat-meta .product-view-link:hover {
  color: #B27E4C;
}

@media (max-width: 768px) {
  .tax-product_cat .product-small .box-image {
    min-height: 180px;
    padding: 10px;
  }
  .tax-product_cat .product-small .box-image img {
    max-height: 160px;
  }
  .tax-product_cat .product-small .title-wrapper .name,
  .tax-product_cat .product-small .title-wrapper .name a {
    font-size: 12px;
  }
  .tax-product_cat .product-subcat-meta .product-material {
    font-size: 11px;
  }
  .tax-product_cat .product-subcat-meta .product-view-link {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .tax-product_cat .product-small .box-image {
    min-height: 140px;
    padding: 8px;
  }
  .tax-product_cat .product-small .box-image img {
    max-height: 120px;
  }
}

/* ========================================================================== */
/* [PRODUCT: SINGLE DETAIL 282DESIGN]                                         */
/* Single product page custom layout matching 282design.com/noi-that/335-...  */
/* ========================================================================== */

/* Reset WooCommerce default page wrappers on single product */
.single-product .page-wrapper,
.single-product #content {
  padding-top: 0;
  padding-bottom: 0;
}



.xman-single-product {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

.xman-prod-container {
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}

/* 1. TOP HERO SECTION (3 COLUMNS) */
.xman-prod-hero {
  background-color: #F8F7F4;
  padding-top: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid #ECE7DE;
}


/* Column 1: Left Info (34%) */
.xman-col-left {
  flex: 0 0 34%;
  max-width: 34%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.xman-breadcrumb {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  color: #8C968E;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.xman-breadcrumb a {
  color: #6C776E;
  text-decoration: none;
  transition: color 0.2s ease;
}

.xman-breadcrumb a:hover {
  color: #B07C38;
}

.xman-bc-sep {
  color: #A3ACA5;
  font-size: 14px;
}

.xman-prod-title {

  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
  color: #2E3F33;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.xman-prod-meta-line {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  line-height: 1.5;
  margin-bottom: 6px;
}

.xman-meta-material {
  color: #5C675E;
  font-weight: 500;
}

.xman-meta-maker {
  color: #7D887F;
}

.xman-meta-maker strong {
  color: #2E3F33;
  font-weight: 600;
}

.xman-prod-desc {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  line-height: 1.65;
  color: #5C675E;
  margin-top: 14px;
  margin-bottom: 24px;
  text-align: justify;
}

.xman-quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px dashed rgba(46, 63, 51, 0.15);
}

.xman-quick-nav .xman-nav-tab {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12.5px;
  color: #2E3F33;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 500;
  transition: color 0.2s ease;
}

.xman-quick-nav .xman-nav-tab:hover {
  color: #B07C38;
}

/* Column 2: Center Image (36%) */
.xman-col-center {
  flex: 0 0 36%;
  max-width: 36%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.xman-prod-main-img-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
}

.xman-prod-main-img {
  max-width: 100%;
  max-height: 360px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: opacity 0.25s ease, transform 0.3s ease;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.06));
}

.xman-prod-main-img:hover {
  transform: scale(1.03);
}

.xman-prod-thumbnails {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.xman-thumb-btn {
  background: transparent;
  border: 1.5px solid transparent;
  padding: 2px;
  cursor: pointer;
  border-radius: 4px;
  transition: border-color 0.2s ease;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xman-thumb-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

.xman-thumb-btn.is-active,
.xman-thumb-btn:hover {
  border-color: #B07C38;
}

/* Column 3: Right Action Box (26%) */
.xman-col-right {
  flex: 0 0 26%;
  max-width: 26%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

.xman-order-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.xman-price-block {
  margin-bottom: 12px;
  font-family: 'Inter', -apple-system, sans-serif;
  color: #2E3F33;
}

.xman-price-label {
  font-size: 14px;
  color: #6C776E;
  margin-right: 4px;
}

.xman-price-val,
.xman-price-val .amount,
.xman-price-val bdi {
  font-size: 20px;
  font-weight: 700;
  color: #B07C38;
}

.xman-delivery-note {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  color: #7D887F;
  margin-bottom: 20px;
  text-align: right;
}

.xman-delivery-note p {
  margin: 0;
}

/* Form Add to cart styling */
.xman-action-block {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.xman-action-block form.cart {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  flex-wrap: wrap;
}

.xman-action-block .quantity {
  margin: 0;
}

.xman-action-block .quantity .qty {
  width: 50px;
  height: 42px;
  border: 1px solid #D6D0C5;
  background: #FFFFFF;
  text-align: center;
  font-weight: 600;
  border-radius: 3px;
  color: #2E3F33;
}

.xman-action-block .single_add_to_cart_button,
.xman-btn-order-custom {
  background: #2E3F33;
  color: #FFFFFF;
  border: 1px solid #2E3F33;
  padding: 10px 24px;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-height: 42px;
}

.xman-action-block .single_add_to_cart_button:hover,
.xman-btn-order-custom:hover {
  background: #B07C38;
  border-color: #B07C38;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(176, 124, 56, 0.25);
  transform: translateY(-1px);
}

.xman-hotline-note {
  margin-top: 14px;
}

.xman-hotline-link {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px;
  color: #6C776E;
  text-decoration: none;
  transition: color 0.2s ease;
}

.xman-hotline-link strong {
  color: #B07C38;
}

.xman-hotline-link:hover {
  color: #B07C38;
}

/* 2. RELATED PRODUCTS UNDERNEATH ("các sản phẩm khác nhảy xuống hàng dưới") */
.xman-prod-related-sec {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #FFFFFF;
  border-bottom: 1px solid #ECE7DE;
}

.xman-related-head {
  margin-bottom: 30px;
}

.xman-related-title {

  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #2E3F33;
  margin: 0;
  line-height: 1.4;
}

.xman-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 280px));
  gap: 24px;
  justify-content: flex-start;
}

.xman-rel-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #FFFFFF;
  transition: transform 0.25s ease;
}

.xman-rel-card:hover {
  transform: translateY(-3px);
}

.xman-rel-card__img-link {
  width: 100%;
  display: block;
  text-decoration: none;
}

.xman-rel-card__img-box {
  background: #F8F7F4;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 16px;
}

.xman-rel-card__img-box img {
  max-height: 180px;
  width: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.xman-rel-card:hover .xman-rel-card__img-box img {
  transform: scale(1.05);
}

.xman-rel-card__body {
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.xman-rel-card__title {
  margin: 0;
  line-height: 1.35;
}

.xman-rel-card__title a {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #2E3F33;
  text-decoration: none;
  transition: color 0.2s ease;
}

.xman-rel-card__title a:hover {
  color: #B07C38;
}

.xman-rel-card__material {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px;
  color: #7D887F;
  line-height: 1.4;
}

.xman-rel-card__btn {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px;
  color: #2E3F33;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
  margin-top: 4px;
  transition: color 0.2s ease;
}

.xman-rel-card__btn:hover {
  color: #B07C38;
}

/* 3. DETAILED SPECIFICATION BLOCKS (STORY, MATERIAL, DIMENSIONS, WARRANTY) */
.xman-prod-details-sec {
  padding-top: 45px;
  padding-bottom: 60px;
  background: #FFFFFF;
}

.xman-detail-block {
  margin-bottom: 45px;
  scroll-margin-top: 100px;
}

.xman-detail-block:last-child {
  margin-bottom: 0;
}

.xman-detail-block__head {
  margin-bottom: 16px;
  border-bottom: 1px solid #ECE7DE;
  padding-bottom: 10px;
}

.xman-detail-block__title {

  font-size: 18px;
  font-weight: 600;
  color: #2E3F33;
  margin: 0;
  line-height: 1.4;
}

.xman-detail-block__body {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13.5px;
  line-height: 1.7;
  color: #4C564E;
}

.xman-detail-block__body p {
  margin-bottom: 12px;
}

.xman-spec-table {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.xman-spec-row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(46, 63, 51, 0.1);
}

.xman-spec-row:last-child {
  border-bottom: none;
}

.xman-spec-name {
  flex: 0 0 200px;
  font-weight: 600;
  color: #2E3F33;
  font-size: 13.5px;
}

.xman-spec-desc {
  flex: 1;
  color: #5C675E;
  font-size: 13.5px;
}

/* RESPONSIVE BREAKPOINTS (COLOCATED) */
@media (max-width: 991px) {
  .xman-prod-hero__row {
    flex-wrap: wrap;
    gap: 24px;
  }
  .xman-col-left {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }
  .xman-col-center {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xman-col-right {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
    align-items: flex-start;
    text-align: left;
  }
  .xman-order-card {
    align-items: flex-start;
  }
  .xman-delivery-note {
    text-align: left;
  }
  .xman-action-block {
    justify-content: flex-start;
  }
  .xman-action-block form.cart {
    justify-content: flex-start;
  }
  .xman-related-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .xman-prod-hero {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .xman-prod-title {
    font-size: 20px;
  }
  .xman-prod-main-img-wrap {
    min-height: 240px;
  }
  .xman-prod-main-img {
    max-height: 260px;
  }
  .xman-spec-row {
    flex-direction: column;
    gap: 4px;
  }
  .xman-spec-name {
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  .xman-related-grid {
    grid-template-columns: 1fr;
  }
  .xman-quick-nav {
    gap: 8px 12px;
  }
}

/* ==========================================================================
   [SINGLE POST - BÀI VIẾT CHI TIẾT]
   Chuẩn phong cách Nội Thất Mego & Xưởng Mộc An Nhiên
   ========================================================================== */

/* Top bar Breadcrumb */
.single-post-top-bar {
  background-color: #F8F6F2;
  border-bottom: 1px solid #ECE7DE;
  padding: 14px 0;
  margin-bottom: 30px;
}
.single-post-top-bar .xman-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: #8C968E;
}
.single-post-top-bar .xman-breadcrumb a {
  color: #6C776E;
  text-decoration: none;
  transition: color 0.2s ease;
}
.single-post-top-bar .xman-breadcrumb a:hover {
  color: var(--an-accent, #C49A45);
}
.single-post-top-bar .xman-bc-sep {
  color: #B5BDB6;
  font-size: 13px;
  user-select: none;
}
.single-post-top-bar .xman-bc-current {
  color: var(--an-primary, #2E3F33);
  font-weight: 500;
  max-width: 480px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Post Layout Container Spacing */
.single-post #content {
  padding-top: 10px;
  padding-bottom: 60px;
}
.single-post .row.row-divided > .col:first-child {
  border-right: none;
}
.single-post .article-inner {
  padding-right: 20px;
}
@media (max-width: 849px) {
  .single-post .article-inner {
    padding-right: 0;
  }
}

/* Entry Header */
.single-post .entry-header {
  margin-bottom: 24px;
}
.single-post .entry-header-text {
  text-align: center;
}

/* Category Tag */
.single-post .entry-category {
  margin-bottom: 10px;
  text-align: center;
}
.single-post .entry-category a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--an-accent, #C49A45);
  background: rgba(196, 154, 69, 0.1);
  padding: 4px 12px;
  border-radius: 4px;
  transition: background 0.2s ease, color 0.2s ease;
}
.single-post .entry-category a:hover {
  background: var(--an-accent, #C49A45);
  color: #ffffff;
}
.single-post .entry-category a[href*="uncategorized"] {
  display: none;
}

/* Post Title */
.single-post h1.entry-title {
  font-family: inherit;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--an-primary, #2E3F33);
  margin-top: 6px;
  margin-bottom: 16px;
  text-transform: none;
  letter-spacing: -0.3px;
  text-align: center;
}
@media (max-width: 768px) {
  .single-post h1.entry-title {
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 12px;
    text-align: center;
  }
}

/* Hide default divider */
.single-post .entry-divider {
  display: none;
}

/* Post Meta (Date & Author with Icons) */
.single-post .entry-meta {
  text-transform: none;
  font-size: 14px;
  margin-bottom: 24px;
  text-align: center;
}
.single-post .post-single-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  color: #7D887F;
  font-size: 14px;
}
.single-post .post-single-meta .post-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.single-post .post-single-meta svg {
  stroke: #8C968E;
  flex-shrink: 0;
}
.single-post .post-single-meta .post-meta-author span {
  font-weight: 500;
  color: #556057;
}

/* Featured Image */
.single-post .entry-image {
  margin-bottom: 30px;
  border-radius: 12px;
  overflow: hidden;
}
.single-post .entry-image img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.single-post article .entry-image .badge,
.single-post article .post-date.badge {
  display: none;
}

/* Post Content Typography */
.single-post .entry-content {
  font-size: 16px;
  line-height: 1.85;
  color: #333333;
}
.single-post .entry-content p {
  margin-bottom: 1.6em;
  text-align: center;
}
.single-post .entry-content h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--an-primary, #2E3F33);
  margin-top: 2em;
  margin-bottom: 0.8em;
  line-height: 1.4;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #ECE7DE;
}
.single-post .entry-content h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--an-primary, #2E3F33);
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.45;
}
.single-post .entry-content img {
  border-radius: 8px;
  margin: 1.5em 0;
  max-width: 100%;
  height: auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.single-post .entry-content blockquote {
  border-left: 3px solid var(--an-accent, #C49A45);
  background: #FAF8F5;
  padding: 18px 24px;
  margin: 1.8em 0;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #4A5550;
  font-size: 16px;
  line-height: 1.7;
}
.single-post .entry-content ul,
.single-post .entry-content ol {
  padding-left: 24px;
  margin-bottom: 1.6em;
}
.single-post .entry-content li {
  margin-bottom: 8px;
}

/* Social Share */
.single-post .blog-share {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid #ECE7DE;
}
.single-post .blog-share .is-divider {
  display: none;
}
.single-post .blog-share a {
  border-radius: 50%;
  transition: all 0.25s ease;
}
.single-post .blog-share a:hover {
  background-color: var(--an-primary, #2E3F33);
  color: #ffffff;
  border-color: var(--an-primary, #2E3F33);
}

/* Post Footer Meta & Author */
.single-post footer.entry-meta {
  display: none;
}
.single-post .entry-author {
  display: none;
}

/* Post Navigation (Previous / Next) */
.single-post .nav-below {
  margin-top: 30px;
  padding: 18px 0;
  border-top: 1px solid #ECE7DE;
  border-bottom: 1px solid #ECE7DE;
}
.single-post .nav-below a {
  color: var(--an-primary, #2E3F33);
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease;
}
.single-post .nav-below a:hover {
  color: var(--an-accent, #C49A45);
}

/* Comments Section */
.single-post #comments {
  margin-top: 40px;
  padding: 32px;
  background: #ffffff;
  border: 1px solid #ECE7DE;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .single-post #comments {
    padding: 20px 16px;
  }
}
.single-post #reply-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--an-primary, #2E3F33);
  margin-bottom: 20px;
}
.single-post #commentform input[type="text"],
.single-post #commentform input[type="email"],
.single-post #commentform input[type="url"],
.single-post #commentform textarea {
  border: 1px solid #DCD6CA;
  border-radius: 6px;
  padding: 10px 14px;
  background-color: #FAF8F5;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.single-post #commentform input:focus,
.single-post #commentform textarea:focus {
  border-color: var(--an-primary, #2E3F33);
  background-color: #ffffff;
  outline: none;
}
.single-post #commentform #submit {
  background-color: var(--an-primary, #2E3F33);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 12px 28px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.single-post #commentform #submit:hover {
  background-color: #1a251e;
}






/* ===================================================
   QUY TRÌNH SẢN XUẤT THI CÔNG - MEGO EXACT STYLE
   =================================================== */
.sec-process-mego {
  background-color: #FDFBF7 !important;
  padding: 70px 0 65px 0 !important;
}

.sec-process-mego .process-mego-heading h2 {
  font-family: 'Chiron Sung HK', serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #1F362F !important;
  line-height: 1.35 !important;
  margin: 0 0 40px 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

@media (min-width: 992px) {
  .process-steps-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    max-width: 1220px !important;
    margin: 0 auto 40px auto !important;
  }
  .process-steps-container > .process-step-col {
    flex: 0 0 144px !important;
    width: 144px !important;
    max-width: 144px !important;
    padding: 0 !important;
    margin: 0 -3px !important;
  }
}

.process-step-col .col-inner {
  height: 100% !important;
}

.process-step-card {
  width: 100% !important;
  height: 195px !important;
  min-height: 195px !important;
  box-sizing: border-box !important;
  padding: 26px 18px 20px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  background: url("/wp-content/uploads/2026/10/khung-3-20251031100155-fhplg.png") no-repeat center right / 100% 100% !important;
  transition: transform 0.25s ease !important;
}

.process-step-col.step-8 {
  overflow: hidden !important;
}

.process-step-col.step-8 .process-step-card {
  background: url("/wp-content/uploads/2026/10/khung-3-20251031100155-fhplg.png") no-repeat left center / 130% 100% !important;
  border-radius: 6px !important;
  padding: 26px 14px 20px 8px !important;
  height: 195px !important;
  box-sizing: border-box !important;
}

.process-step-card:hover {
  transform: translateY(-4px) !important;
}

.process-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 12px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.process-icon-wrap svg {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
}

.process-step-title {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-align: center !important;
}

.process-cta-row {
  margin-top: 10px !important;
}

.process-cta-btn {
  background-color: #3E645B !important;
  border-color: #3E645B !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 15px 44px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 8px 24px rgba(46, 63, 51, 0.18) !important;
  border-radius: 4px !important;
  transition: all 0.25s ease !important;
  display: inline-block !important;
}

.process-cta-btn:hover {
  background-color: #2E3F33 !important;
  border-color: #2E3F33 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(46, 63, 51, 0.25) !important;
}

/* Tablet & Mobile responsive */
@media (max-width: 991px) and (min-width: 600px) {
  .process-steps-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
  }
  .process-steps-container > .process-step-col {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: 150px !important;
  }
}




/* ===================================================
   FORM ĐĂNG KÝ BÁO GIÁ THI CÔNG & CANH ẢNH PHẢI VỪA VẶN
   =================================================== */

/* 1. Ẩn tiêu đề cũ ngoài form */
.title-dang-ky-nhan-tu-van {
  display: none !important;
}

/* 2. Khung thẻ Card .row-tro-chuyen */
.row-tro-chuyen {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  padding-inline: 15px !important;
}

.row-tro-chuyen .col-tro-chuyen {
  background-color: transparent !important;
  padding: 0 !important;
}

.row-tro-chuyen .col-tro-chuyen > .col-inner {
  background-color: #FFFFFF !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 35px rgba(46, 63, 51, 0.08) !important;
  padding: 0 !important;
}

/* Ép row bên trong dùng flexbox stretch để 2 cột luôn bằng nhau */
.row-tro-chuyen .col-tro-chuyen > .col-inner > .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin: 0 !important;
  width: 100% !important;
}

/* 3. Cột trái: Form đăng ký */
.row-tro-chuyen .col-tro-chuyen-title {
  padding: 40px 42px 35px 42px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background-color: #F8F6F1 !important; /* Màu nền kem nhẹ sang trọng */
}

.row-tro-chuyen .col-tro-chuyen-title > .col-inner {
  width: 100% !important;
  background-color: transparent !important;
  padding: 0 !important;
}

/* 4. Cột phải: Canh ảnh vừa vặn chiều cao form, KHÔNG BỊ DÀI QUÁ */
@media (min-width: 850px) {
  .row-tro-chuyen .col-tro-chuyen-title {
    flex: 0 0 52% !important;
    max-width: 52% !important;
  }
  .row-tro-chuyen .col-img-tro-chuyen {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    position: relative !important;
    align-self: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* Bắt col-inner phải bám 100% khung và không đẩy chiều cao */
  .row-tro-chuyen .col-img-tro-chuyen > .col-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #FFFFFF !important;
  }
  .row-tro-chuyen .col-img-tro-chuyen .img,
  .row-tro-chuyen .col-img-tro-chuyen .img-inner {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    margin: 0 !important;
    display: flex !important;
  }
  .row-tro-chuyen .col-img-tro-chuyen img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}

@media (max-width: 849px) {
  .row-tro-chuyen .col-tro-chuyen-title {
    padding: 30px 20px 25px 20px !important;
  }
  .row-tro-chuyen .col-img-tro-chuyen {
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .row-tro-chuyen .col-img-tro-chuyen > .col-inner {
    height: 300px !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  .row-tro-chuyen .col-img-tro-chuyen .img,
  .row-tro-chuyen .col-img-tro-chuyen .img-inner,
  .row-tro-chuyen .col-img-tro-chuyen img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}

/* 5. Chi tiết các thành phần trong Form .bao-gia-form-thi-cong */
.bao-gia-form-thi-cong {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background-color: transparent !important;
}

/* Brand tag: MỘC AN NHIÊN ────── */
.bao-gia-form-thi-cong .brand-tag-thi-cong {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}

.bao-gia-form-thi-cong .brand-tag-thi-cong span {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.2px !important;
  color: #7A7466 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  margin-right: 14px !important;
}

.bao-gia-form-thi-cong .brand-tag-thi-cong::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background-color: #DDD6C8 !important;
}

/* Tiêu đề chính Serif */
.bao-gia-form-thi-cong h3 {
  font-family: 'Chiron Sung HK', 'Playfair Display', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #24352B !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

/* Phụ đề */
.bao-gia-form-thi-cong .subtitle-thi-cong {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 13.5px !important;
  color: #7D776B !important;
  line-height: 1.4 !important;
  margin: 0 0 16px 0 !important;
  text-align: left !important;
}

/* Ô nhập liệu */
.bao-gia-form-thi-cong .form-row-thi-cong {
  margin-bottom: 10px !important;
}

.bao-gia-form-thi-cong input[type="text"],
.bao-gia-form-thi-cong input[type="tel"],
.bao-gia-form-thi-cong input[type="email"] {
  width: 100% !important;
  height: 44px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #DFD9CE !important;
  border-radius: 3px !important;
  padding: 0 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #333333 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.bao-gia-form-thi-cong input[type="text"]:focus,
.bao-gia-form-thi-cong input[type="tel"]:focus,
.bao-gia-form-thi-cong input[type="email"]:focus {
  border-color: #4A4637 !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 1px #4A4637 !important;
  outline: none !important;
}

.bao-gia-form-thi-cong input::placeholder {
  color: #9C9588 !important;
  font-size: 13.5px !important;
  opacity: 1 !important;
}

/* Nhóm chọn Ngân sách dự kiến */
.bao-gia-form-thi-cong .radio-group {
  margin-top: 14px !important;
  margin-bottom: 16px !important;
}

.bao-gia-form-thi-cong .radio-label {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  margin-bottom: 8px !important;
}

/* Khung trắng chứa 4 tùy chọn chia làm 2 cột 2x2 */
.bao-gia-form-thi-cong span.wpcf7-form-control-wrap[data-name="budget"],
span.wpcf7-form-control-wrap[data-name="budget"] {
  display: block !important;
  background-color: #FFFFFF !important;
  padding: 12px 18px !important;
  border-radius: 4px !important;
  border: 1px solid #ECE7DE !important;
}

.bao-gia-form-thi-cong span.wpcf7-form-control-wrap[data-name="budget"] .wpcf7-radio,
.bao-gia-form-thi-cong .wpcf7-radio,
span.wpcf7-form-control-wrap[data-name="budget"] .wpcf7-radio {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 16px !important;
}

.bao-gia-form-thi-cong span.wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item,
.bao-gia-form-thi-cong .wpcf7-list-item,
span.wpcf7-form-control-wrap[data-name="budget"] .wpcf7-list-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.bao-gia-form-thi-cong .wpcf7-list-item label {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  margin: 0 !important;
  user-select: none !important;
}

.bao-gia-form-thi-cong .wpcf7-list-item input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1.5px solid #8D877B !important;
  border-radius: 50% !important;
  outline: none !important;
  margin: 0 8px 0 0 !important;
  cursor: pointer !important;
  position: relative !important;
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transition: all 0.2s ease !important;
}

.bao-gia-form-thi-cong .wpcf7-list-item input[type="radio"]:checked {
  border-color: #38342C !important;
  background-color: transparent !important;
  border-width: 5px !important;
}

.bao-gia-form-thi-cong .wpcf7-list-item-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #38342C !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

/* Nút Submit */
.bao-gia-form-thi-cong .submit-btn {
  margin-top: 15px !important;
  margin-bottom: 16px !important;
}

.bao-gia-form-thi-cong input.wpcf7-form-control.wpcf7-submit,
.bao-gia-form-thi-cong input.wpcf7-submit,
.bao-gia-form-thi-cong input[type="submit"] {
  width: 100% !important;
  min-width: 100% !important;
  height: 48px !important;
  line-height: 48px !important;
  background-color: #4A4637 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Chiron Sung HK', 'Playfair Display', serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(74, 70, 55, 0.2) !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
  display: block !important;
  text-align: center !important;
}

.bao-gia-form-thi-cong input.wpcf7-form-control.wpcf7-submit:hover,
.bao-gia-form-thi-cong input.wpcf7-submit:hover,
.bao-gia-form-thi-cong input[type="submit"]:hover {
  background-color: #383529 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(74, 70, 55, 0.3) !important;
}

/* Khối 3 cam kết ở chân form */
.bao-gia-form-thi-cong .form-trust-features {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 14px !important;
  margin-top: 4px !important;
  border-top: 1px solid #DDD6C8 !important;
}

.bao-gia-form-thi-cong .trust-item {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.bao-gia-form-thi-cong .trust-item svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #6E685C !important;
  margin-bottom: 5px !important;
  display: block !important;
}

.bao-gia-form-thi-cong .trust-item span {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #6E685C !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  display: block !important;
}

.bao-gia-form-thi-cong .trust-divider {
  width: 1px !important;
  height: 30px !important;
  background-color: #DDD6C8 !important;
  margin: 0 4px !important;
  flex-shrink: 0 !important;
}


/* AN RESPONSIVE UPDATE 2026-10-28 */
/* Moc An Nhien — trang chu, tablet va mobile.
 * Them CUOI style.css cua flatsome-child, sau khi sao luu file hien tai.
 * Responsive update: 2026-10-28.
 */
@media (max-width: 1199px) {
    .home .sec-home-hero,
    .home .sec-home-spaces,
    .home .sec-home-custom-service,
    .home .sec-home-bestseller,
    .home .sec-home-blog,
    .home .sec-home-gallery {
        --an-heading: 32px;
        --an-section-space: 48px;
        --an-title-gap: 24px;
    }

    /* Dat co chu ca o H2 va span: tranh line-height ke thua sai. */
    .home .home-spaces__title h2.section-title,
    .home .home-spaces__title .section-title-main {
        font-size: var(--an-heading);
        line-height: 1.3;
        letter-spacing: 0;
        white-space: normal;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .home .home-spaces__title {
        margin-bottom: var(--an-title-gap);
    }

    .home .sec-home-spaces .home-spaces__title {
        margin-bottom: 0;
    }

    .home .sec-home-spaces,
    .home .sec-home-bestseller,
    .home .sec-home-blog,
    .home .sec-home-gallery {
        padding-top: var(--an-section-space);
        padding-bottom: var(--an-section-space);
    }

    .home .sec-home-spaces .home-spaces__header,
    .home .sec-home-bestseller .home-bestseller__header {
        margin-bottom: var(--an-title-gap);
    }

    .home .sec-home-spaces .home-spaces__header > .col {
        padding-bottom: 0;
    }

    /* Lien ket 40px cu dang ghi de co chu H2 responsive. */
    .home .sec-home-spaces .home-space-card__text h2,
    .home .sec-home-spaces .home-space-card__text h2 a {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: 0;
        max-width: none;
    }

    .home .sec-home-spaces .home-space-card__text h2 {
        margin: 0 0 8px;
    }

    .home .sec-home-spaces .home-space-card__text {
        padding: 20px 14px;
    }

    .home .sec-home-blog .home-blog__subtitle h3 {
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: 0;
        margin: 0 0 24px;
    }

    .home .sec-home-custom-service .home-custom-service-banner h2 {
        font-size: var(--an-heading);
        line-height: 1.3;
        margin: 0 0 16px;
    }

    .home .sec-home-hero .home-hero__text h2 {
        font-size: 42px;
        line-height: 1.2;
        letter-spacing: 0;
        margin: 0;
    }

    .home .sec-home-hero .banner-layers > .text-box {
        left: 24px;
        top: 120px;
        bottom: auto;
        width: calc(100% - 48px);
        max-width: 460px;
        transform: none;
        margin: 0;
    }

    .home .sec-home-hero .home-hero__text p,
    .home .sec-home-custom-service .home-custom-service-banner p {
        font-size: 16px;
        line-height: 1.6;
    }

    /* Ghi de is-full-height cua Banner; giu slider goc cua Flatsome. */
    .home .sec-home-hero,
    .home .sec-home-hero .slider-wrapper,
    .home .sec-home-hero .slider {
        min-height: 600px;
    }

    .home .sec-home-hero .banner.is-full-height {
        height: 640px !important;
        min-height: 600px;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .home .sec-home-hero,
    .home .sec-home-spaces,
    .home .sec-home-custom-service,
    .home .sec-home-bestseller,
    .home .sec-home-blog,
    .home .sec-home-gallery {
        --an-heading: 26px;
        --an-section-space: 36px;
        --an-title-gap: 20px;
    }

    .home .sec-home-hero .home-hero__text h2 {
        font-size: 32px;
        line-height: 1.25;
    }

    .home .sec-home-hero .banner-layers > .text-box {
        left: 20px;
        top: 110px;
        width: calc(100% - 40px);
        max-width: 340px;
    }

    .home .sec-home-hero,
    .home .sec-home-hero .slider-wrapper,
    .home .sec-home-hero .slider {
        min-height: 560px;
    }

    .home .sec-home-hero .banner.is-full-height {
        height: 560px !important;
        min-height: 560px;
    }

    .home .sec-home-spaces .home-space-card__text h2,
    .home .sec-home-spaces .home-space-card__text h2 a {
        font-size: 24px;
        line-height: 1.3;
    }

    .home .sec-home-spaces .home-space-card__text {
        padding: 16px 12px;
    }

    .home .sec-home-blog .home-blog__subtitle h3 {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .home .sec-home-custom-service .home-custom-service-banner h2 {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 12px;
    }
}

/* Override UX Builder section padding at responsive sizes. */
@media (max-width: 1199px) {
    .home .sec-home-spaces,
    .home .sec-home-bestseller,
    .home .sec-home-blog,
    .home .sec-home-gallery {
        padding-top: var(--an-section-space) !important;
        padding-bottom: var(--an-section-space) !important;
    }
}

/* iPad mini portrait stays on the tablet typography scale. */
@media (min-width: 600px) and (max-width: 767px) {
    .home .sec-home-hero,
    .home .sec-home-spaces,
    .home .sec-home-custom-service,
    .home .sec-home-bestseller,
    .home .sec-home-blog,
    .home .sec-home-gallery {
        --an-heading: 32px;
        --an-section-space: 48px;
        --an-title-gap: 24px;
    }
}


/* AN NHIEN — responsive spacing and typography, 2026-10-28.
 * Scope: active child theme, tablet/mobile. Existing modules and forms retained.
 * Section padding uses !important only to override generated UX Builder rules.
 */
@media (max-width: 1199px) {
    body.wp-child-theme-flatsome-child {
        --an-r-title: 32px;
        --an-r-card: 22px;
        --an-r-section: 48px;
        --an-r-gap: 24px;
    }

    /* Section headings: consistent size, leading and following paragraph. */
    .wp-child-theme-flatsome-child :is(
        .about-section-header,
        .construct-spaces__header,
        .construct-projects__header,
        .construct-intro__text,
        .news-section-header,
        .news-hero__text,
        .news-cta__text,
        .contact-hero__text,
        .contact-header-block,
        .process-mego-heading,
        .xman-related-head
    ) :is(h1, h2) {
        font-size: var(--an-r-title) !important;
        line-height: 1.35 !important;
        letter-spacing: 0;
        margin: 0 0 16px !important;
        overflow-wrap: break-word;
    }

    .wp-child-theme-flatsome-child :is(
        .about-section-header,
        .construct-spaces__header,
        .construct-projects__header,
        .construct-intro__text,
        .news-section-header,
        .news-hero__text,
        .news-cta__text,
        .contact-hero__text,
        .contact-header-block,
        .contact-form-intro,
        .about-why-icon-box
    ) p {
        font-size: 16px;
        line-height: 1.65;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .wp-child-theme-flatsome-child :is(
        .about-section-header,
        .construct-spaces__header,
        .construct-projects__header,
        .news-section-header,
        .contact-header-block
    ) p:last-child {
        margin-bottom: 0;
    }

    .wp-child-theme-flatsome-child :is(
        .about-section-header,
        .construct-spaces__header,
        .construct-projects__header,
        .news-section-header,
        .process-mego-heading
    ) {
        margin-bottom: var(--an-r-gap);
    }

    /* Outer spacing; exclude full-bleed heroes and nested sections. */
    .wp-child-theme-flatsome-child :is(
        .sec-home-spaces,
        .sec-home-bestseller,
        .sec-home-blog,
        .sec-home-gallery,
        .sec-construct-intro,
        .sec-construct-spaces,
        .sec-construct-projects,
        .sec-about-why,
        .section-nang-luc,
        .sec-about-projects,
        .sec-process-mego,
        .sec-news-grid,
        .sec-news-cta,
        .sec-contact-main
    ),
    .wp-child-theme-flatsome-child:is(.page-id-874, .page-id-876, .page-id-45) #content > .section:not([class*="sec-"]):not(.section-nang-luc) {
        padding-top: var(--an-r-section) !important;
        padding-bottom: var(--an-r-section) !important;
    }

    .wp-child-theme-flatsome-child :is(.sec-news-hero, .sec-contact-hero) {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }



    /* Home and product landing use the same native space-card modules. */
    .wp-child-theme-flatsome-child .home-spaces__title h2.section-title,
    .wp-child-theme-flatsome-child .home-spaces__title .section-title-main {
        font-size: var(--an-r-title);
        line-height: 1.35;
        letter-spacing: 0;
        margin: 0;
        white-space: normal;
    }

    .wp-child-theme-flatsome-child .home-spaces__title {
        margin-bottom: var(--an-r-gap);
        padding: 0;
    }

    .wp-child-theme-flatsome-child .sec-home-spaces .home-spaces__title {
        margin-bottom: 0;
    }

    .wp-child-theme-flatsome-child :is(.home-spaces__header, .home-bestseller__header) {
        margin-bottom: var(--an-r-gap);
    }

    .wp-child-theme-flatsome-child .home-spaces__header > .col {
        padding-bottom: 0;
    }

    .wp-child-theme-flatsome-child .home-space-card__text {
        padding: 20px 14px;
    }

    .wp-child-theme-flatsome-child .home-space-card__text h2,
    .wp-child-theme-flatsome-child .home-space-card__text h2 a {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: 0;
        max-width: none;
    }

    .wp-child-theme-flatsome-child .home-space-card__text h2 {
        margin: 0 0 8px;
    }

    .wp-child-theme-flatsome-child .home-blog__subtitle h3 {
        font-size: 18px;
        line-height: 1.5;
        margin: 0 0 var(--an-r-gap);
    }

    /* About / construction: decorative number remains a separate role. */
    .wp-child-theme-flatsome-child .sec-about-why .text-num h3 {
        font-size: 30px;
        line-height: 1.35;
        margin: 0;
    }

    .wp-child-theme-flatsome-child .sec-about-why .number h3 {
        font-size: 100px;
        line-height: 1;
    }

    .wp-child-theme-flatsome-child .about-why-boxes-row {
        margin-top: 20px;
    }

    .wp-child-theme-flatsome-child .about-why-icon-box h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .wp-child-theme-flatsome-child .title-quy-trinh h2 {
        font-size: var(--an-r-card);
        line-height: 1.4;
        margin: 0 0 12px;
    }

    .wp-child-theme-flatsome-child .row-tro-chuyen {
        margin-top: var(--an-r-gap) !important;
        margin-bottom: var(--an-r-gap) !important;
    }

    .wp-child-theme-flatsome-child .row-tro-chuyen .col-tro-chuyen-title {
        padding: 28px 24px !important;
    }

    .wp-child-theme-flatsome-child .bao-gia-form-thi-cong h3 {
        font-size: 26px !important;
        line-height: 1.35 !important;
        margin-bottom: 12px !important;
    }

    .wp-child-theme-flatsome-child .bao-gia-form-thi-cong :is(input[type="text"], input[type="email"], input[type="tel"]) {
        font-size: 16px !important;
        min-height: 44px;
    }

    /* News cards: image to title, title to date, date to excerpt. */
    .wp-child-theme-flatsome-child :is(.news-posts-grid, .about-projects-grid-row, .home-news) .box-text {
        padding: 20px 16px;
    }

    .wp-child-theme-flatsome-child :is(.news-posts-grid, .about-projects-grid-row, .home-news) .post-title {
        font-size: 18px;
        line-height: 1.45;
        margin: 0 0 12px;
    }

    .wp-child-theme-flatsome-child :is(.news-posts-grid, .about-projects-grid-row, .home-news) .from_the_blog_excerpt {
        font-size: 16px;
        line-height: 1.6;
        margin: 12px 0 0;
    }

    .wp-child-theme-flatsome-child .news-posts-grid > .post-item {
        padding-bottom: 24px;
    }

    /* Contact: cards can grow with email/address text; no clipped content. */
    .wp-child-theme-flatsome-child .contact-badge-item {
        padding: 20px 16px;
        gap: 12px;
        overflow-wrap: anywhere;
    }

    .wp-child-theme-flatsome-child .contact-badges-row {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .wp-child-theme-flatsome-child .contact-badges-row > .col {
        padding-bottom: 16px;
    }

    .wp-child-theme-flatsome-child .contact-form-intro h3 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .wp-child-theme-flatsome-child .contact-header-block h3 {
        font-size: var(--an-r-title);
        line-height: 1.35;
        margin: 0 0 16px;
    }

    .wp-child-theme-flatsome-child .contact-badge-item .badge-content {
        min-width: 0;
        font-size: 16px;
        line-height: 1.6;
    }

    .wp-child-theme-flatsome-child .contact-badge-item .badge-content p {
        font-size: 16px;
        line-height: 1.6;
        margin: 4px 0 0;
    }

    .wp-child-theme-flatsome-child .contact-badge-item .badge-content p:empty {
        display: none;
    }

    .wp-child-theme-flatsome-child .contact-pdf-form :is(input:not([type="submit"]), textarea, select) {
        font-size: 16px;
        min-height: 44px;
    }

    /* Commerce and article templates are scoped to this child theme and type. */
    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .category-page-title {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .category-page-row {
        padding-top: 24px;
        padding-bottom: var(--an-r-section);
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product, .single-product) .products .name,
    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product, .single-product) .products .name a {
        font-size: 16px;
        line-height: 1.45;
        overflow-wrap: break-word;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product, .single-product) .products .box-text {
        height: auto !important;
        padding: 16px 8px 12px;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product, .single-product) .products .name {
        height: auto !important;
        min-height: 2.9em;
        margin-bottom: 8px;
    }

    .wp-child-theme-flatsome-child .xman-prod-hero .product_title {
        font-size: 30px;
        line-height: 1.35;
        margin: 0 0 20px;
    }

    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .row.row-collapse {
        display: grid;
        grid-template-columns: minmax(100px, 140px) minmax(0, 1fr);
        gap: 12px;
        width: 100%;
        margin: 0 0 12px;
        align-items: start;
    }

    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .row.row-collapse::before,
    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .row.row-collapse::after {
        display: none;
    }

    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .row.row-collapse > .col {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0;
        font-size: 16px;
        line-height: 1.6;
    }

    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .row.row-collapse p {
        margin: 0;
    }

    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .gap-element {
        padding-top: 16px !important;
    }

    .wp-child-theme-flatsome-child .xman-prod-hero__row > :is(.xman-col-left, .xman-col-center) {
        padding-bottom: 0;
    }

    /* Equal card backgrounds and price baselines within archive rows. */
    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .products > .product-small.col > .col-inner {
        height: 100%;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .products .product-small.box {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .products .box-image {
        flex-shrink: 0;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .products .box-text {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .wp-child-theme-flatsome-child:is(.tax-product_cat, .post-type-archive-product) .products .price-wrapper {
        margin-top: auto;
    }

    .wp-child-theme-flatsome-child :is(.xman-prod-hero, .xman-prod-details-sec, .sec-product-related) {
        padding-top: var(--an-r-section) !important;
        padding-bottom: var(--an-r-section) !important;
    }

    .wp-child-theme-flatsome-child .xman-prod-details-sec .section-title-main {
        font-size: var(--an-r-card);
        line-height: 1.4;
    }

    .wp-child-theme-flatsome-child.single-post .entry-title {
        font-size: var(--an-r-title);
        line-height: 1.4;
        margin: 0 0 16px;
    }

    .wp-child-theme-flatsome-child.single-post .entry-meta {
        margin-bottom: 24px;
    }

    .wp-child-theme-flatsome-child.single-post .entry-content p {
        line-height: 1.75;
        margin-bottom: 20px;
        text-align: left;
    }

    .wp-child-theme-flatsome-child.single-post .entry-content h2 {
        font-size: 24px;
        line-height: 1.4;
        margin-top: 32px;
        margin-bottom: 16px;
    }

    .wp-child-theme-flatsome-child.single-post .entry-content h3 {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .wp-child-theme-flatsome-child:is(.woocommerce-cart, .woocommerce-checkout) .checkout-page-title {
        padding: 0;
    }

    .wp-child-theme-flatsome-child:is(.woocommerce-cart, .woocommerce-checkout) .checkout-page-title .page-title-inner {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .wp-child-theme-flatsome-child:is(.woocommerce-cart, .woocommerce-checkout) .checkout-page-title .flex-col {
        padding-top: 0;
        padding-bottom: 0;
    }

    .wp-child-theme-flatsome-child:is(.woocommerce-cart, .woocommerce-checkout) .checkout-breadcrumbs {
        font-size: var(--an-r-title);
        line-height: 1.35;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wp-child-theme-flatsome-child:is(.woocommerce-cart, .woocommerce-checkout) .page-checkout {
        padding-top: 0;
    }

    .wp-child-theme-flatsome-child:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce {
        font-size: 16px;
        line-height: 1.6;
    }

    .wp-child-theme-flatsome-child.woocommerce-checkout .form-row {
        margin-bottom: 16px;
    }

    .wp-child-theme-flatsome-child.woocommerce-checkout :is(input.input-text, select, textarea) {
        font-size: 16px;
        min-height: 48px;
        margin-bottom: 0;
    }

    .wp-child-theme-flatsome-child.woocommerce-checkout :is(.woocommerce-billing-fields, .woocommerce-additional-fields, .checkout-sidebar) h3 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .wp-child-theme-flatsome-child.woocommerce-cart .cart-collaterals {
        margin-top: 24px;
    }

    .wp-child-theme-flatsome-child.woocommerce-cart .quantity .button,
    .wp-child-theme-flatsome-child.woocommerce-cart .quantity .qty {
        min-height: 44px;
    }

    .wp-child-theme-flatsome-child.woocommerce-account .woocommerce-MyAccount-content {
        padding-top: 24px;
        font-size: 16px;
        line-height: 1.65;
    }

    /* Footer follows the same internal rhythm on every public page. */
    .wp-child-theme-flatsome-child .sec-footer-figma {
        padding-top: 40px !important;
        padding-bottom: 24px !important;
    }

    .wp-child-theme-flatsome-child .sec-footer-figma h3 {
        line-height: 1.45;
        margin-bottom: 16px;
    }

    .wp-child-theme-flatsome-child .footer-figma__main-row > .col {
        padding-bottom: 24px;
        margin-bottom: 0;
    }

    .wp-child-theme-flatsome-child .sec-footer-figma :is(p, li a) {
        font-size: 16px;
        line-height: 1.6;
    }

    .wp-child-theme-flatsome-child .sec-footer-figma input[type="email"] {
        font-size: 16px;
    }

    /* Remove the duplicate native column gap below heading modules. */
    .wp-child-theme-flatsome-child .section-content > .row > .col:has(> .col-inner > :is(
        .about-section-header, .construct-spaces__header,
        .construct-projects__header, .news-section-header,
        .process-mego-heading
    )) {
        padding-bottom: 0;
    }

    /* Construction hero grows with its contents instead of 100vh. */
    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__banner {
        height: auto !important;
        min-height: 0;
        padding-top: 0;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .banner-inner {
        position: relative;
        height: auto;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .banner-layers {
        position: relative;
        height: auto;
        min-height: 640px;
        display: flex;
        align-items: center;
        padding: 100px 15px 48px;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .banner .construct-hero__card {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 480px !important;
        max-width: 100%;
        margin: 0;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__text :is(h1, h2) {
        font-size: var(--an-r-title) !important;
        line-height: 1.35;
        margin: 0 0 16px;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__text p {
        font-size: 16px;
        line-height: 1.6;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__card .row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 16px;
        margin: 16px 0 24px;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__card .row::before,
    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__card .row::after {
        display: none;
    }

    .wp-child-theme-flatsome-child .sec-construct-hero .construct-hero__card .row > .col {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0;
    }

    /* The existing panorama is 2172 x 724; retain its complete aspect ratio. */
    .wp-child-theme-flatsome-child .sec-construct-process .banner {
        padding-top: 33.333333% !important;
        min-height: 0;
    }

    .wp-child-theme-flatsome-child .sec-construct-process .banner-bg img {
        object-fit: contain;
    }

    /* Override the generated 60% text-box width, which becomes 207px at 360px. */
    .wp-child-theme-flatsome-child .sec-home-hero .banner .text-box {
        width: calc(100% - 40px) !important;
    }

    .wp-child-theme-flatsome-child .sec-home-hero .banner-bg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(250, 248, 245, 0.9) 0%, rgba(250, 248, 245, 0.68) 50%, rgba(250, 248, 245, 0.04) 100%);
        pointer-events: none;
    }

    .wp-child-theme-flatsome-child .header-main .mobile-nav :is(.icon-menu, .icon-shopping-bag) {
        color: var(--fs-color-primary);
    }
}

@media (min-width: 850px) and (max-width: 1199px) {
    /* Use Flatsome's existing mobile navigation rather than wrapping desktop links. */
    .wp-child-theme-flatsome-child .header-inner > .hide-for-medium {
        display: none !important;
    }

    .wp-child-theme-flatsome-child .header-inner > .show-for-medium {
        display: flex !important;
        flex: 1 1 0;
    }

    .wp-child-theme-flatsome-child .header-inner > .show-for-medium.flex-left {
        order: 1;
    }

    .wp-child-theme-flatsome-child .header-inner > #logo {
        order: 2;
        margin-left: 0;
        margin-right: 0;
    }

    .wp-child-theme-flatsome-child .header-inner > .show-for-medium.flex-right {
        order: 3;
        justify-content: flex-end;
    }
}

@media (min-width: 600px) and (max-width: 849px) {
    .wp-child-theme-flatsome-child .contact-main__row > :is(.contact-left__col, .contact-right__col) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wp-child-theme-flatsome-child .title-quy-trinh h2 {
        font-size: 18px;
        line-height: 1.45;
    }
}

@media (max-width: 599px) {
    body.wp-child-theme-flatsome-child {
        --an-r-title: 26px;
        --an-r-card: 20px;
        --an-r-section: 36px;
        --an-r-gap: 20px;
    }

    .wp-child-theme-flatsome-child .home-space-card__text {
        padding: 16px 12px;
    }

    .wp-child-theme-flatsome-child .home-space-card__text h2,
    .wp-child-theme-flatsome-child .home-space-card__text h2 a {
        font-size: 24px;
    }

    .wp-child-theme-flatsome-child .home-blog__subtitle h3 {
        font-size: 16px;
    }

    .wp-child-theme-flatsome-child .sec-about-why .text-num h3 {
        font-size: 24px;
        line-height: 1.4;
    }

    .wp-child-theme-flatsome-child .sec-about-why .number h3 {
        font-size: 72px;
    }

    .wp-child-theme-flatsome-child .bao-gia-form-thi-cong h3 {
        font-size: 24px !important;
    }

    .wp-child-theme-flatsome-child .contact-badges-row > .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wp-child-theme-flatsome-child .contact-badge-item {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        padding: 16px;
    }

    .wp-child-theme-flatsome-child .contact-badge-item .badge-content {
        text-align: left;
    }

    .wp-child-theme-flatsome-child .contact-badges-row > .col {
        margin-bottom: 0;
    }

    .wp-child-theme-flatsome-child .xman-col-left > .col-inner > .row.row-collapse {
        grid-template-columns: minmax(90px, 38%) minmax(0, 1fr);
    }

    .wp-child-theme-flatsome-child .xman-prod-hero .product_title {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .wp-child-theme-flatsome-child .sec-product-related {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .wp-child-theme-flatsome-child.single-post .entry-content h2 {
        font-size: 22px;
    }

    .wp-child-theme-flatsome-child.single-post .entry-content h3 {
        font-size: 19px;
    }

    /* Smaller floating rail keeps the same three native links and icons. */
    .wp-child-theme-flatsome-child #button-contact-ntbox {
        width: 44px;
        height: auto;
        right: 12px;
        bottom: 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .wp-child-theme-flatsome-child #button-contact-ntbox :is(.button-contact, .phone-ntbox) {
        width: 44px;
        height: 44px;
        margin: 0;
    }

    .wp-child-theme-flatsome-child #button-contact-ntbox .phone-ntbox-img-circle {
        inset: 0;
        width: 44px;
        height: 44px;
    }

    .wp-child-theme-flatsome-child #button-contact-ntbox .phone-ntbox-img-circle a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
    }

    .wp-child-theme-flatsome-child #button-contact-ntbox .phone-ntbox-img-circle img {
        position: static;
        width: 28px;
        height: 28px;
        margin: 0;
        object-fit: contain;
        transform: none;
    }

    .wp-child-theme-flatsome-child #button-contact-ntbox .phone-ntbox-circle-fill {
        display: none;
    }
}