/*
Theme Name: Flatsome Child
Description: Lumi Bath Luxury Cloned Child Theme
Author: Lumi Bath Luxury
Template: flatsome
Version: 3.0
*/

/* ==================== LUMI BATH OFFICIAL TYPOGRAPHY SYSTEM ==================== */

@font-face {
    font-family: 'FTV';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/1FTV-VIP-Foresta-Monesta-1.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('assets/fonts/SVN-Gotham-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('assets/fonts/SVN-Gotham-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/SVN-Gotham-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('assets/fonts/SVN-Gotham-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('assets/fonts/SVN-Gotham-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('assets/fonts/SVN-Gotham-Black.otf') format('opentype');
}

/* 1. Body & Base Typography */
body, p, li, a, input, textarea, select, button, .text-box, .banner-text {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body {
    font-size: 15px;
    line-height: 1.8;
    color: #2b2b2b;
    -webkit-font-smoothing: antialiased;
}

/* 2. Headings & Brand Titles */
h1, h2, h3, h4, h5, h6,
.heading-title,
.section-title {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Luxury Sub-headings / Collection Names */
.lumibath-curvia h1,
.title-brand,
.brand-script {
    font-family: 'FTV', 'Gotham', serif !important;
}

/* Specific Heading Sizes Matching Lumi Bath */
h1 {
    font-size: clamp(26px, 3.2vw, 38px);
    line-height: 1.3;
    font-weight: 700;
}

h2 {
    font-size: clamp(22px, 2.5vw, 30px);
    line-height: 1.35;
    font-weight: 700;
}

h3 {
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.4;
    font-weight: 700;
}

/* 3. Header Navigation Typography */
.header-nav > li > a,
.nav-top-link {
    font-family: 'Gotham', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    transition: color 0.25s ease;
}

.header-nav > li > a:hover {
    color: #ae282c !important;
}

/* 4. Section "Về Chúng Tôi" Typography */
.ve-lumibath h1 {
    color: #ae282c !important;
    font-size: clamp(24px, 2.8vw, 34px) !important;
    text-transform: uppercase;
}

.ve-lumibath p {
    font-size: 15.5px !important;
    line-height: 1.85 !important;
    color: #444444 !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* 5. Bộ Sưu Tập Tabs & Text */
.tabbed-content .nav-tabs li a,
.nav-pills li a {
    font-family: 'Gotham', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.noi-dung-bst {
    font-family: 'Gotham', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #555555 !important;
}

/* 6. Buttons & CTA */
.button, button, input[type="submit"] {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}


/* ========== TIN TUC LUMI BATH – FLAT STYLE (NO RADIUS, NO SHADOW) ========== */
 :root{
      --lumibath-tl-bg: #EDE9DE;        /* nền chính */
      --lumibath-tl-primary: #af1016;   /* màu nhấn */

      --lumibath-tl-text: #1f1f22;
      --lumibath-tl-muted: rgba(31,31,34,.68);

      --lumibath-tl-line: rgba(175,16,22,.20);
      --lumibath-tl-dot: rgba(175,16,22,.18);
      --lumibath-tl-dot-active: var(--lumibath-tl-primary);

      --lumibath-tl-btn-border: rgba(175,16,22,.35);
      --lumibath-tl-btn-icon: var(--lumibath-tl-primary);

      --lumibath-tl-gap: 56px;
      --lumibath-tl-top-space: 78px;
    }

    .lumibath-tl-section{
      background: var(--lumibath-tl-bg);
      padding: 34px 18px;
    }
:root{
  --lumibath-red: #AE282C;
  --lumibath-cream: #EDE9DE;
}
.noi-dung-bst {
  position: relative;
  overflow: hidden;
  max-height: 120px;
  transition: max-height 0.35s ease;
  color: #9a9a9a;
  font-size: 18px;
  line-height: 1.8;
}

.noi-dung-bst p {
  margin: 0 0 18px;
}

.noi-dung-bst strong {
  color: #4a4a4a;
  font-weight: 700;
}

.noi-dung-bst::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.noi-dung-bst.mo-rong {
  max-height: 1000px;
}

.noi-dung-bst.mo-rong::after {
  opacity: 0;
}

.box-btn-xem-them {
  text-align: center;
  margin-top: 30px;
}

.btn-xem-them {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 56px;
  padding: 0 28px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  background: #fff;
  color: #122033;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.title-form {
    padding: 0px 5px 20px;
    font-weight: bold;
    color: #af1016;
    font-size: 20px;
}
.stars a+a {
    border-left: 1px solid #ae282c;
}.stars a:after {
    color: #989898;
    content: "\e005" / "";
    font-size: 16px;
    margin-left: 5px;
}
.stars a.active:after,.stars a:hover:after {
    color: #af1016;
}
.bw-loop-expert-summary-main {
    font-size: .9em;
    line-height: 1.6;
    opacity: .75;
    margin-top: 4px;
    font-weight: 400;
    color: #000;
    border-left: 5px solid #af1016;
    padding-left: 5px;
    height: 23px;
    overflow: clip;
}
.bw-loop-expert-summary { 
	display:none;
}
.product-cat-description-bottom {
    padding-top: 25px;
}
.bw-product-excerpt,
.product-excerpt,
.box-excerpt,
.woocommerce-loop-product__excerpt {
    display: none !important;
}
/* ===== Nút nổi bật trên nền đỏ + animation ===== */
.nut-dat-lich{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--lumibath-cream) !important;
  color: var(--lumibath-red) !important;
  border: 2px solid var(--lumibath-cream) !important;

  font-weight: 700;
  letter-spacing: .5px;

  overflow: hidden;
  transform: translateZ(0);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);

  animation: nutBreath 2.2s ease-in-out infinite;
  padding: 10px 30px 12px;
}

.nut-dat-lich span{
  position: relative;
  z-index: 2;
}

/* Glow “halo” */
.nut-dat-lich::before{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius: 999px;
  background: radial-gradient(circle,
    rgba(240,235,226,.55) 0%,
    rgba(240,235,226,0) 60%
  );
  opacity: .65;
  animation: nutPulse 2.2s ease-in-out infinite;
  pointer-events:none;
  z-index: 0;
}

/* Shimmer quét sáng */
.nut-dat-lich::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-70%;
  width:48%;
  height:190%;
  transform: rotate(20deg);
  background: linear-gradient(
    to right,
    rgba(174,40,44,0) 0%,
    rgba(174,40,44,.18) 45%,
    rgba(174,40,44,.28) 50%,
    rgba(174,40,44,.18) 55%,
    rgba(174,40,44,0) 100%
  );
  animation: nutShimmer 2.4s ease-in-out infinite;
  pointer-events:none;
  z-index: 1;
}

/* Hover/Active */
.nut-dat-lich:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  filter: brightness(1.02);
}

.nut-dat-lich:active{
  transform: translateY(0) scale(.98);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* Focus rõ ràng */
.nut-dat-lich:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(240,235,226,.45), 0 14px 30px rgba(0,0,0,.22);
}

/* Keyframes */
@keyframes nutBreath{
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-1px); }
}

@keyframes nutPulse{
  0%,100% { transform: scale(.92); opacity: .35; }
  50%     { transform: scale(1);   opacity: .75; }
}

@keyframes nutShimmer{
  0%   { left:-70%; opacity: 0; }
  15%  { opacity: 1; }
  55%  { left:130%; opacity: 1; }
  100% { left:130%; opacity: 0; }
}

/* Tôn trọng người dùng giảm chuyển động */
@media (prefers-reduced-motion: reduce){
  .nut-dat-lich,
  .nut-dat-lich::before,
  .nut-dat-lich::after{
    animation: none !important;
    transition: none !important;
  }
}

    .lumibath-tl-wrap{
      max-width: 1180px;
      margin: 0 auto;
      position: relative;
      padding: 0 64px; /* chừa chỗ nút */
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
      color: var(--lumibath-tl-text);
    }

    /* buttons */
    .lumibath-tl-btn{
      position:absolute;
      top: 44px;
      transform: translateY(-50%);
      width: 44px;
      height: 44px;
      border-radius: 999px;
      border: 2px solid var(--lumibath-tl-btn-border);
      background: rgba(255,255,255,.75);
      backdrop-filter: blur(6px);
      display:grid;
      place-items:center;
      cursor:pointer;
      user-select:none;
      transition: transform .12s ease, background .2s ease, box-shadow .2s ease;
      box-shadow: 0 10px 26px rgba(31,31,34,.08);
      padding: 0;
    }
    .lumibath-tl-btn:hover{ background: rgba(255,255,255,.9); }
    .lumibath-tl-btn:active{ transform: translateY(-50%) scale(.98); }
    .lumibath-tl-btn svg{ width:18px; height:18px; fill: var(--lumibath-tl-btn-icon); }
    .lumibath-tl-btn--prev{ left: 10px; }
    .lumibath-tl-btn--next{ right: 10px; }

    .lumibath-tl-viewport{
      position: relative;
      overflow: hidden;
      padding-bottom: 30px;
    }

    .lumibath-tl-line{
      position:absolute;
      left: 0;
      right: 0;
      top: 44px;
      height: 4px;
      background: var(--lumibath-tl-line);
      border-radius: 999px;
      margin: 0 6px;
    }

    .lumibath-tl-track{
      display:flex;
      gap: var(--lumibath-tl-gap);
      will-change: transform;
      transition: transform 350ms ease;
      padding: 0 6px;
    }

    /* Desktop: 4 item/khung */
    .lumibath-tl-card{
      flex: 0 0 calc((100% - (3 * var(--lumibath-tl-gap))) / 3);
      text-align:center;
      min-width: 275px;
    }
	.lumibath-tl-btn--prev::before,
.lumibath-tl-btn--next::before {
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  color: #e5b6b6; /* chỉnh màu icon tại đây */
  display: block;
}

.lumibath-tl-btn--prev::before {
  content: "‹";
}

.lumibath-tl-btn--next::before {
  content: "›";
}.lumibath-tl-btn--prev::before,
.lumibath-tl-btn--next::before {
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  color: #af1016; /* chỉnh màu icon tại đây */
  display: block;
  margin-top: -6px;
}

.lumibath-tl-btn--prev::before {
  content: "‹";
}

.lumibath-tl-btn--next::before {
  content: "›";
}
    .lumibath-tl-time{
      font-weight: 650;
      color: rgba(175,16,22,.55);
      letter-spacing:.2px;
      margin-bottom: 15px;
    }

    .lumibath-tl-marker{
      display:flex;
      flex-direction: column;
      align-items:center;
      justify-content:flex-start;
      margin-top: -7px;
      margin-bottom: 18px;
      height: 54px;
    }

    .lumibath-tl-dot{
      width: 18px;
      height: 18px;
      border-radius: 999px;
      background: var(--lumibath-tl-dot);
      box-shadow: 0 0 0 8px rgba(175,16,22,.10);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

    .lumibath-tl-stem{
      width: 2px;
      height: 26px;
      background: var(--lumibath-tl-line);
      border-radius: 2px;
      margin-top: 10px;
    }

    .lumibath-tl-title{
      font-size: 16px;
      margin: 0 0 10px;
      color: var(--lumibath-tl-primary);
      letter-spacing: .2px;
    }

    .lumibath-tl-desc{
      margin: 0;
      color: var(--lumibath-tl-muted);
      line-height: 1.9;
      font-size: 16px;
    }

    .lumibath-tl-card.is-active .lumibath-tl-dot{
      background: var(--lumibath-tl-dot-active);
      transform: scale(1.12);
      box-shadow: 0 0 0 9px rgba(175,16,22,.18);
    }

    /* responsive */
    @media (max-width: 1024px){
      .lumibath-tl-card{ flex-basis: calc((100% - (1 * var(--lumibath-tl-gap))) / 2); }
      .lumibath-tl-title{ font-size: 22px; }
      .lumibath-tl-desc{ font-size: 15px; }
    }
    @media (max-width: 640px){
      .lumibath-tl-wrap{ padding: 0 54px; }
      .lumibath-tl-card{ flex-basis: 88%; }
      .lumibath-tl-title{ font-size: 20px; }
      .lumibath-tl-desc{ font-size: 15px; }
    }
.tin-tuc-lumibath .col-inner,
.tin-tuc-lumibath .box{
  height: 100%;
}

/* Card */
.tin-tuc-lumibath .box{
  background: #EDE9DE;
  border: 1px solid rgba(174,40,44,.15);
  border-radius: 0;      /* bỏ bo góc */
  box-shadow: none;      /* bỏ shadow */
  transition: transform .25s ease, border-color .25s ease;
}

/* Hover nhẹ – phẳng */
.tin-tuc-lumibath .box:hover{
  transform: translateY(-4px);
  border-color: #ae282c;
}

/* Image */
.tin-tuc-lumibath .box-image .image-cover{
  border-radius: 0;
  border-bottom: 2px solid #ae282c;
}

/* Ảnh */
.tin-tuc-lumibath .box-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}

/* Hover ảnh */
.tin-tuc-lumibath .box:hover .box-image img{
  transform: scale(1.04);
  filter: contrast(1.05) saturate(1.05);
}

/* Overlay màu brand */
.tin-tuc-lumibath .box-image .image-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    180deg,
    rgba(174,40,44,0) 55%,
    rgba(174,40,44,.35) 100%
  );
  pointer-events: none;
}

/* Text */
.tin-tuc-lumibath .box-text{
  padding: 16px;
  background: #EDE9DE;
}

.tin-tuc-lumibath .post-title{
  margin: 0;
  line-height: 1.35;
}

.tin-tuc-lumibath .post-title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  font-weight: 700;
  font-size: 16px;
  color: #ae282c;
  letter-spacing: .3px;
  transition: color .2s ease;
}

.tin-tuc-lumibath .box:hover .post-title a{
  color: #7f1c20; /* đậm hơn khi hover */
}

/* Divider */
.tin-tuc-lumibath .is-divider{
display: none;
}

/* Link */
.tin-tuc-lumibath a.plain{
  color: inherit;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 849px){
  .tin-tuc-lumibath .box-text{
    padding: 14px;
  }
  .tin-tuc-lumibath .post-title a{
    font-size: 15px;
  }
}

@media (max-width: 549px){
  .tin-tuc-lumibath .post-title a{
    -webkit-line-clamp: 3;
    font-size: 14.5px;
  }
}

i.icon-home{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-0.125em;
  background-color: currentColor;

  -webkit-mask: url("/wp-content/uploads/lumibath/home-icon-silhouette-svgrepo-com.svg") no-repeat center / contain;
          mask: url("/wp-content/uploads/lumibath/home-icon-silhouette-svgrepo-com.svg") no-repeat center / contain;
}
/* Target đúng breadcrumb của bạn: nav có class "woocommerce-breadcrumb breadcrumbs uppercase" */
nav.woocommerce-breadcrumb.breadcrumbs a:first-child{
  position: relative;
  display: inline-block;
  width: 18px;         /* chỉnh size icon ở đây */
  height: 20px;
  overflow: hidden;
  text-indent: -9999px; /* ẩn chữ Trang chủ */
  white-space: nowrap;
  vertical-align: middle;
}
section.section.tin-tuc-lumibath {
padding-top: 55px !important;
    padding-bottom: 0px !important;
}

/* Tiêu đề + mô tả intro */
section.section.tin-tuc-lumibath h2{
  margin: 0 0 10px 0;
  text-align: center;
  font-size: clamp(24px, 2.4vw, 32px);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #ae282c;
}
section.section.tin-tuc-lumibath > .section-content > .row.noi-dung p{
    text-align: justify;
}

/* gạch nhấn dưới tiêu đề */
section.section.tin-tuc-lumibath h2::after{
    content: "";
    display: block;
    width: 210px;
    FONT-WEIGHT: 200;
    margin: 14px auto 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ae282c, transparent);
}

/* Vẽ icon */
nav.woocommerce-breadcrumb.breadcrumbs a:first-child::before{
  content: "";
  position: absolute;
  inset: 0;
  top: -5px;
  background-color: currentColor;

  -webkit-mask: url("/wp-content/uploads/lumibath/home-icon-silhouette-svgrepo-com.svg") no-repeat center / contain;
          mask: url("/wp-content/uploads/lumibath/home-icon-silhouette-svgrepo-com.svg") no-repeat center / contain;
}

.products h2.woocommerce-loop-product__title {
	font-size: 15px;
	color:#000;
	
}
.banner h3 {
    font-size: 1.6em;
}
.bw-filterbar__clearall {
    position: absolute;
    right: 0;
    top: -1%;
}
.bw-loop-expert-summary {
    font-size: .9em;
    line-height: 1.6;
    opacity: .75;
    margin-top: 4px;
    font-weight: 400;
    color: #000;
    border-left: 5px solid #af1016;
    padding-left: 5px;
	height: 40px;
    overflow: clip;
}
.bw-filterbar__title {
    font-weight: 400;
}
#ux-search-dropdown {
	background:#fff;
}
.bw-filterbar__row {
    display: flex;
    gap: 22px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.gia-tham-khao {
    font-size: 35px!important;
    font-weight: bold;
    margin: auto!important;
}
.kich-thuoc {
    margin: auto!important;
	    color: #ede9de !important;
}
.woocommerce-loop-product__title a {
    color: #000;
    display: block;
    line-height: 20px;
    height: 40px;      /* cố định chiều cao */
    overflow: hidden;  /* ẩn phần dư */
}
.bw-loop-summary  {
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: #000;
    border-left: 5px solid #ae282c;
    padding-left: 5px;
}
.ux-relay__load-more-button {
    color: #EDE9DE;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 5px 26px;
    border: none !important;
    background-color: #ae282c !important;
	margin-top: 10px;
}

/* ============================
   SAN PHAM TUONG TU - SLIDER NAV
   Class chính: .san-pham-tuong-tu
============================ */
/* ===== GIẢI PHÁP - KHÔNG GIAN (design giống hình) ===== */
.giai-phap-khong-gian{
  --card: #f6f1e9;        /* nền thẻ */
  --card-inner: #ffffff;  /* nền khung ảnh */
  --text: #2f2f2f;
  --muted: #8a8a8a;
  --primary: #ae282c;     /* đỏ gạch (tab active + gạch chân + nhấn) */

  background: var(--bg);
  padding: 22px 0 36px;
}

/* ===== Tabs ===== */
.giai-phap-khong-gian .nav{
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 32px;
  margin: 0 0 18px;
  padding: 0;
}

.giai-phap-khong-gian .nav > li{ margin: 0; }

.giai-phap-khong-gian .nav > li > a{
display: inline-block;
    padding: 8px 0;
    color: #000000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}
.lumibath-curvia h1{
    text-align: center;
    font-family: "FTV";
    letter-spacing: 9.3px;
    font-size: 46px;
}
.giai-phap-khong-gian .nav > li.active > a{
  color: var(--primary);
}

.giai-phap-khong-gian .nav > li > a::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -3px;
  height: 2px;
  background: transparent;
}

.giai-phap-khong-gian .nav > li.active > a::after{
  background: var(--primary);
}
.giai-phap-khong-gian .nav-line-bottom>li>a:before {
    display:none;
}

.giai-phap-khong-gian .col-inner {
    background: rgb(209 202 190);
    padding: 10px;
}

/* ===== Text dưới ảnh ===== */
.giai-phap-khong-gian .box-text{
  padding-top: 10px;
}

.giai-phap-khong-gian .product-title{
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.giai-phap-khong-gian .product-title a{
  color: var(--text);
  text-decoration: none;
}

.giai-phap-khong-gian .product-title a:hover{
  color: var(--primary);
}

/* nếu bạn có đoạn mô tả/thuộc tính dạng <small> hoặc <div class="..."> */
.giai-phap-khong-gian .box-text small,
.giai-phap-khong-gian .box-text .muted{
  display: block;
  font-size: 11px;
  color: var(--muted);
  line-height: 1.25;
}

/* nhấn đỏ cho phần đầu mô tả nếu bạn bọc span .highlight */
.giai-phap-khong-gian .box-text .highlight{ color: var(--primary); font-weight: 600; }

/* ===== Swatches (nếu theme render các chấm màu) ===== */
.giai-phap-khong-gian .variations,
.giai-phap-khong-gian .swatches,
.giai-phap-khong-gian .color-swatch{
  margin: 8px 0 6px;
}

.giai-phap-khong-gian .swatches span,
.giai-phap-khong-gian .variations span{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  margin-right: 6px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.18);
}

/* ===== Button "Xem thêm" ===== */
.giai-phap-khong-gian .nut-xem-them{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 18px auto 0;
  background: var(--primary);
  color: #ede9de;
  border-radius: 999px;
  padding: 9px 18px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}

.giai-phap-khong-gian .nut-xem-them:hover{
  filter: brightness(.95);
}

.giai-phap-phong-tam h1::after {
    content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(174 40 44), transparent);
}


/* 1) Cho phép nút tràn ra ngoài khung slider (không bị cắt/ẩn) */
.san-pham-tuong-tu .row-slider,
.san-pham-tuong-tu .slider,
.san-pham-tuong-tu .flickity-enabled{
  overflow: visible !important;
  position: relative;
}

/* 2) Style nút tròn như hình */
.san-pham-tuong-tu .flickity-prev-next-button{
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(0,0,0,.18) !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;

  /* 3) Canh giữa theo chiều dọc + nổi lên trên ảnh */
  top: 40% !important;
  z-index: 999 !important;
}

/* 4) Ẩn icon SVG mặc định của Flickity */
.san-pham-tuong-tu .flickity-prev-next-button .flickity-button-icon{
  display: none !important;
}

/* 5) Vẽ mũi tên bằng CSS (giống hình) */
.san-pham-tuong-tu .flickity-prev-next-button::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: rgba(0,0,0,.35);
  transform: translate(-50%, -50%);
}

.san-pham-tuong-tu .flickity-prev-next-button::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid rgba(0,0,0,.35);
  border-left: 2px solid rgba(0,0,0,.35);
  transform: translate(calc(-50% - 7px), -50%) rotate(-45deg); /* arrow LEFT */
}

/* Nút NEXT: mũi tên sang phải */
.san-pham-tuong-tu .flickity-prev-next-button.next::after{
  transform: translate(calc(-50% + 7px), -50%) rotate(135deg); /* arrow RIGHT */
}

/* 6) Đẩy nút ra ngoài 2 bên */
.san-pham-tuong-tu .flickity-prev-next-button.previous{
  left: -45px !important;
}
.san-pham-tuong-tu .flickity-prev-next-button.next{
  right: -45px !important;
}

/* 7) Hover */
.san-pham-tuong-tu .flickity-prev-next-button:hover{
  border-color: rgba(0,0,0,.35) !important;
}

/* 8) Disabled */
.san-pham-tuong-tu .flickity-prev-next-button:disabled{
  opacity: .35 !important;
  cursor: not-allowed;
}

/* 9) Mobile: đẩy ít ra ngoài hơn để không tràn quá */
@media (max-width: 549px){
  .san-pham-tuong-tu .flickity-prev-next-button{
    width: 38px !important;
    height: 38px !important;
  }
  .san-pham-tuong-tu .flickity-prev-next-button.previous{ left: -12px !important; }
  .san-pham-tuong-tu .flickity-prev-next-button.next{ right: -12px !important; }
}


.contact-1 h1::after{
content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(240 235 226), transparent);
}
.contact-1 h1 {
	text-transform:uppercase;
	    font-weight: 500;
}
.contact-2 h1::after{
content: "";
    display: block;
    margin: 10px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(240 235 226), transparent);
}


/* SECTION KHÁCH HÀNG NÓI */
.section.khach-hang-noi-gi {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* H2 tiêu đề từng nhóm */
.khach-hang-noi-gi h2 {
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 24px;
    color: #af1016;
    position: relative;
    display: inline-block;
    padding: 6px 24px;
    border-radius: 999px;
    background: #EDE9DE;
}

.khach-hang-noi-gi h2::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d89b46;
  transform: translateY(-50%);
}

/* Căn giữa khối chứa H2 */ 
.khach-hang-noi-gi #row-20987033 .col-inner,
.khach-hang-noi-gi #row-1309939115 .col-inner,
.khach-hang-noi-gi #row-434491226 .col-inner {
  text-align: center;
}

/* CARD VIDEO */
.khach-hang-noi-gi .video.video-fit.mb {
  position: relative;
  padding-top: 56.25%;           /* giữ tỷ lệ 16:9 như cũ */
  overflow: hidden;
}

/* bỏ margin dư của <p> bao iframe */
.khach-hang-noi-gi .video.video-fit.mb > p {
  margin: 0;
}

/* iframe full khung + bo tròn */
.khach-hang-noi-gi .video.video-fit.mb iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 16px;
}

/* Hover effect */
.khach-hang-noi-gi .video.video-fit.mb:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}

/* Khoảng cách giữa các dòng video */
.khach-hang-noi-gi #row-241443539,
.khach-hang-noi-gi #row-2018392046,
.khach-hang-noi-gi #row-848078869 {
  row-gap: 24px;
}

/* Responsive: thu nhỏ radius + margin */
@media (max-width: 767px) {
  .section.khach-hang-noi-gi {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .khach-hang-noi-gi h2 {
    font-size: 20px;
    padding: 6px 18px;
  }

  .khach-hang-noi-gi .video.video-fit.mb {
    border-radius: 5px;
  }
}

.bo-suu-tap .box {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Ảnh giữ full width trong cột, không đổi */
.bo-suu-tap .box-image {
  position: relative;
  overflow: hidden;
}

/* Ảnh hiển thị rõ, chỉ zoom nhẹ khi hover */
.bo-suu-tap .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: transform 0.9s ease;
}

/* Bỏ overlay che ảnh */
.bo-suu-tap .box-image::after {
  content: none !important;
}


/* Nền chữ sáng, tách nhẹ với ảnh */
.bo-suu-tap .box-text-inner {
  padding: 0;
  background: transparent;
}

/* Tiêu đề bộ sưu tập */
.bo-suu-tap .box-text-inner h4 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Mô tả */
.bo-suu-tap .box-text-inner p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.bo-suu-tap .box:hover .box-image img {
  transform: scale(1.08);
}

/* Viền sáng nhẹ khi hover */
.bo-suu-tap .box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 1px solid transparent;
  pointer-events: none;
  transition: border-color 0.22s ease;
}

.bo-suu-tap .box:hover::before {
  border-color: rgba(255, 242, 210, 0.9);
}

/* Giữ phân cấp giữa hàng trên & hàng dưới, chỉ liên quan chiều cao */
.bo-suu-tap #row-1706132324 .box {
  min-height: 320px;
}

.bo-suu-tap #row-350318580 .box {
  min-height: 230px;
  box-shadow: 0 14px 34px rgba(64, 9, 9, 0.14);
}

/* Responsive nhỏ điều chỉnh nhẹ padding & font */
@media (max-width: 991px) {
  .bo-suu-tap #row-1706132324 .box,
  .bo-suu-tap #row-350318580 .box {
    min-height: 260px;
  }
}

@media (max-width: 767px) {
  .bo-suu-tap .box {
    min-height: 220px;
  }

  .bo-suu-tap .box-text {
    padding: 10px 12px 12px;
  }

  .bo-suu-tap .box-text-inner h4 {
    font-size: 14px;
  }

  .bo-suu-tap .box-text-inner p {
    font-size: 12px;
  }
}
.featured-title {
    padding: 70px 0;
}
.featured-title .page-title-inner {
    color: #fff1af;
}
.featured-title h1 {
    color: #EDE9DE;
	font-size:30px;
	text-transform: uppercase;
}

.featured-title h1::after{
content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(240 235 226), transparent);
}
.star-rating span:before {
    color: #af1016;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.dark .breadcrumbs {
    color: #EDE9DE;
    text-transform: capitalize;
	font-weight: 400;
    font-size: 14px;
}.dark .breadcrumbs a {
    color: #EDE9DE;
}
.san-pham {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Breadcrumb */
.san-pham .col-inner > p:first-child {
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: none;
  color: #a37a55;
  margin-bottom: 6px;
}

.san-pham .col-inner > p:first-child a {
  color: #8b5a3b;
  text-decoration: none;
}

.san-pham .col-inner > p:first-child a:hover {
  color: #ae282c;
  text-decoration: underline;
}

/* Tiêu đề sản phẩm */
.san-pham .product-title-container {
  margin-bottom: 18px;
}

.san-pham .product-title {
  font-size: 28px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #ae282c;
  margin-bottom: 8px;
}

.san-pham .product-title-container::after {
content: "";
    display: block;
    width: 210px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(174 40 44), transparent);
}

/* ===== Khối top: gallery + thông tin ngắn ===== */

/* Card tổng cho 2 cột */
.san-pham #row-420846854 {
  background: linear-gradient(135deg, #fffdf8 0%, #fbe8cf 100%);
  padding: 24px 24px 26px;
  box-shadow: 0 18px 40px rgba(64, 9, 9, 0.08);
}

/* Gallery chính */
.san-pham .product-images {
    overflow: hidden;
}

.san-pham .woocommerce-product-gallery__wrapper {
  overflow: hidden;
}

/* Mũi tên slider gallery */
.san-pham .product-images .flickity-button {
  background: rgba(0, 0, 0, 0.45);
  width: 34px;
  height: 34px;
}

.san-pham .product-images .flickity-button .arrow {
  fill: #EDE9DE;
}

.san-pham .product-images .flickity-button:hover {
  background: rgba(0, 0, 0, 0.7);
}

/* Thumbnails nhỏ */
.san-pham .product-thumbnails {
  margin-top: 14px;
}

.san-pham .product-thumbnails img {
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.san-pham .product-thumbnails .is-selected img,
.san-pham .product-thumbnails img:hover {
  transform: translateY(-2px);
}

/* ===== Cột thông tin bên phải ===== */

.san-pham .product-short-description {
  padding: 10px 20px 10px;
  border: 1px solid rgba(200, 155, 94, 0.18);
  margin-bottom: 18px;
  font-size: 15px;
  color: #543428;
}

.san-pham .product-short-description p {
  margin-bottom: 2px;
}

.san-pham .product-short-description hr {
  margin: 6px 0;
  border: none;
  border-top: 1px dashed rgba(200, 155, 94, 0.4);
}

/* Nút ĐẶT HÀNG NGAY */
.san-pham .product-short-description + .button.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 4px;
  margin-bottom: 14px;
  padding: 0 32px;
  min-height: 46px;
  background: linear-gradient(135deg, #ae282c 0%, #6f1c1c 45%, #c89b5e 100%);
  color: #EDE9DE;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  font-weight: 700;
  border: none;
  box-shadow: 0 12px 30px rgba(64, 9, 9, 0.35);
}

.san-pham .product-short-description + .button.primary span {
  transform: translateY(1px);
}

.san-pham .product-short-description + .button.primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(64, 9, 9, 0.45);
}

/* Text “Bạn cần tư vấn?” */
.san-pham .col.medium-6 .col-inner > p strong {
  color: #ae282c;
}

/* Nhóm nút Zalo / Messenger */
.san-pham .custom-info__button {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
  margin-bottom: 10px;
}

.san-pham .custom-info__button-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  text-decoration: none;
  color: #ffffff;
  background: #ae282c;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
.menu-cha .ux-menu-link__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 12px 10px;
    color: var(--lux-sub);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 241, 207, .14);
}

.san-pham .custom-info__button-icon span {
  font-weight: 600;
}

.san-pham .custom-info__button-icon--zalo {
  background: #af1016;
}

.san-pham .custom-info__button-icon--facebook {
  background:#af1016;
}

.san-pham .custom-info__button-icon:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(64, 9, 9, 0.4);
}

/* ===== Tabs mô tả ===== */

.san-pham .woocommerce-tabs {
  margin-top: 30px;
}

/* Thanh tab */
.san-pham .product-tabs {
  border-bottom: 1px solid rgba(200, 155, 94, 0.25);
  margin-bottom: 16px;
}

.san-pham .product-tabs li a {
  position: relative;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #8b5a3b;
  padding: 6px 0 10px;
}

.san-pham .product-tabs li.active a {
  color: #ae282c;
}

.san-pham .product-tabs li.active a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, #c89b5e, #f4e2b8);
  border-radius: 999px;
}

/* Nội dung tab */
.san-pham .woocommerce-Tabs-panel {
  font-size: 15px;
  color: #4b3425;
}

.san-pham .woocommerce-Tabs-panel h3,
.san-pham .woocommerce-Tabs-panel h4 {
  color: #ae282c;
}

.san-pham .woocommerce-Tabs-panel table {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(200, 155, 94, 0.25);
}

.san-pham .woocommerce-Tabs-panel table td {
  padding: 8px 10px;
}

/* ===== Sản phẩm tương tự ===== */

.san-pham .related-products-wrapper {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid rgba(200, 155, 94, 0.3);
}

.san-pham .product-section-title-related {
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
  color: #ae282c;
  margin-bottom: 18px;
}

/* Card sản phẩm nhỏ */
.san-pham .related .product-small .box {
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}


.san-pham .related .product-small .box-text-products {
  padding: 10px 10px 12px;
}

.san-pham .related .product-small .product-title a {
  font-size: 13px;
  font-weight: 600;
  color: #3b2620;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.san-pham .related .product-small .product-title a:hover {
  color: #ae282c;
}




/* ===== Responsive ===== */

@media (max-width: 991px) {
  .san-pham #row-420846854 {
    padding: 20px 14px 22px;
  }

  .san-pham .product-images {
    margin-bottom: 18px;
  }

  .san-pham .product-title {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .san-pham {
    padding-top: 24px !important;
    padding-bottom: 32px !important;
  }

  .san-pham .woocommerce-tabs {
    padding: 16px 12px 18px;
  }

  .san-pham .product-short-description + .button.primary {
    width: 100%;
    justify-content: center;
  }
}

.sub-menu.nav-dropdown.nav-dropdown-default {
  min-width: 220px;
  padding: 10px 0;
  margin-top: 6px;
  background: #ae282c;
  border-radius: 14px;
  border: 1px solid rgba(255, 241, 207, 0.18);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

/* Item trong menu */
.sub-menu.nav-dropdown.nav-dropdown-default > li {
  list-style: none;
}

/* Link */
.sub-menu.nav-dropdown.nav-dropdown-default > li > a {
  display: block;
  padding: 9px 18px;
  font-size: 14px;
  line-height: 1.6;
  color: #EDE9DE;
  text-decoration: none;
  letter-spacing: 0.03em;
  position: relative;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    padding-left 0.2s ease,
    opacity 0.2s ease;
  border-bottom: 1px solid rgba(255, 241, 207, 0.06);
}

/* Bỏ gạch cuối */
.sub-menu.nav-dropdown.nav-dropdown-default > li:last-child > a {
  border-bottom: none;
}

/* Hover: nhẹ nhàng, không quá “chói” */
.sub-menu.nav-dropdown.nav-dropdown-default > li > a:hover {
  background: rgba(255, 241, 207, 0.08);
  padding-left: 22px;
  opacity: 0.95;
}

/* Thanh nhấn mảnh bên trái khi hover */
.sub-menu.nav-dropdown.nav-dropdown-default > li > a::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 1px;
  background: #EDE9DE;
  transition: width 0.2s ease;
}

.sub-menu.nav-dropdown.nav-dropdown-default > li > a:hover::before {
  width: 10px;
}

/* Mobile: tăng clickable */
@media (max-width: 767px) {
  .sub-menu.nav-dropdown.nav-dropdown-default {
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  }

  .sub-menu.nav-dropdown.nav-dropdown-default > li > a {
    padding: 10px 16px;
    font-size: 14px;
  }
}

/* ===== RELATED POSTS BOX ===== */
.related-box {
  margin-top: 40px;
  padding: 25px;
  background-color: #EDE9DE;
  border-top: 3px solid #af1016;
}

.related-head {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #af1016;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Grid spacing */
.related-post {
  margin-left: -10px;
  margin-right: -10px;
}

.related-post .col {
  padding: 10px;
}

/* ===== IMAGE ===== */
.related-post .feature {
  overflow: hidden;
}

.related-post .feature .image {
  width: 100%;
  padding-top: 66%;
  background-size: cover;
  background-position: center;
  transition: transform 0.45s ease;
}

/* Image zoom only */
.related-post .col:hover .image {
  transform: scale(1.1);
}

/* ===== TITLE ===== */
.related-title {
  position: relative;
  margin-top: 12px;
  height: 44px; /* cố định chiều cao (2 dòng) */
  overflow: hidden;
  text-align: center;
}

/* Title mặc định (2 dòng) */
.related-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #111;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Hover đổi màu */
.related-title a:hover {
  color: #af1016;
}

/* ===== FULL TITLE ON HOVER (ABSOLUTE, KHÔNG ĐẨY BOX) ===== */
.related-title::after {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;

  background: #EDE9DE;
  color: #af1016;

  font-size: 15px;
  line-height: 1.4;
  padding: 6px 4px;

  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all 0.3s ease;

  z-index: 5;
}

/* Show full title */
.related-post .col:hover .related-title::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 849px) {
  .related-title {
    height: 40px;
  }
  .related-title a {
    font-size: 15px;
  }
}


/* Responsive */
@media (max-width: 767px) {
    .related-box {
        border-radius: 14px;
        padding: 16px 16px 14px;
    }
    .related-box .related-head {
        font-size: 15px;
        letter-spacing: 0.1em;
    }
    .related-title {
        font-size: 13.5px;
    }
}
/* ===========================
   NỘI DUNG BÀI VIẾT SINGLE PAGE
   =========================== */

/* Ảnh đầu bài */
.entry-content.single-page .aligncenter {
  display: block;
  margin: 0 auto 24px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Text chung */
.entry-content.single-page p {
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.9;
  color: #000;
}

/* Bỏ italic để chữ gọn, chỉ giữ đậm */
.entry-content.single-page em {
  font-style: italic;
}
.entry-content.single-page strong {
  font-weight: 600;
}

/* =========
   BLOCK THÔNG BÁO TẾT
   – chính là đoạn p thứ 2
   ========= */



.entry-content.single-page .blog-share {
  margin-top: 28px;
}

.entry-content.single-page .blog-share .is-divider.medium {
  width: 72px;
  margin: 0 auto 18px;
  border-top: 1px solid rgba(64, 9, 9, 0.2);
}

.entry-content.single-page .social-icons.share-icons.share-row {
  gap: 6px;
}

/* Nút share tròn viền mảnh, tone nâu */
.entry-content.single-page
  .social-icons.share-icons
  .icon.button.circle.is-outline {
  border-radius: 999px;
  border-color: rgba(64, 9, 9, 0.4);
  color: #EDE9DE;
  width: 36px;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
  transition: background-color 0.25s ease, color 0.25s ease,
    border-color 0.25s ease;
}

/* Hover: nền nâu, icon màu nền #EDE9DE cho đúng 2 màu chính */
.entry-content.single-page
  .social-icons.share-icons
  .icon.button.circle.is-outline:hover {
  background-color: #ae282c;
  color: #EDE9DE;
  border-color: #ae282c;
}

/* =========
   MOBILE
   ========= */

@media (max-width: 767px) {
  .entry-content.single-page {
    padding: 18px 16px 24px;
    border-radius: 18px;
  }

  .entry-content.single-page .aligncenter {
    max-width: 260px;
    border-radius: 12px;
  }

  .entry-content.single-page p {
    font-size: 14.5px;
  }

  .entry-content.single-page p:nth-of-type(2) {
    padding: 14px 14px 12px;
  }

  .entry-content.single-page p:nth-of-type(2)::before {
    left: 14px;
    font-size: 10px;
  }
}


/* ===== SECTION 1: GIỚI THIỆU LUMI BATH ===== */
section.section.ve-lumibath{
  position: relative;
  overflow: hidden;
  padding-top: 60px !important;
  padding-bottom: 20px !important; /* chừa chỗ cho ảnh section 2 đè lên */
}

/* bỏ mọi card / viền thô, cho text đứng trực tiếp trên nền */
section.section.ve-lumibath .col-inner.text-center{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px 0;
  background: transparent;
  border: none;
  box-shadow: none;
}



/* headline LUMI BATH – to, sang, mềm */
section.section.ve-lumibath .col-inner.text-center p:first-of-type strong{
  display: block;
  margin-top: 8px;
  font-size: clamp(26px, 2.4vw, 36px);
  letter-spacing: .04em;
  text-transform: none;
  color: #AE282C;
}

/* gạch nhấn mảnh, tinh tế */
section.section.ve-lumibath .col-inner.text-center p:first-of-type strong::after{
    content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 2px auto 0;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(174 40 44), transparent);
}

/* đoạn mô tả */
section.section.ve-lumibath .col-inner.text-center p{
margin: 0 auto 26px auto !important;
    max-width: 740px;
    font-size: 16px;
    line-height: 1.9;
    color: #000;
    text-align: justify;
}

/* ===== Nút "Xem chi tiết" – không viền, luxury ===== */
section.section.ve-lumibath a.button.primary.is-outline.lowercase{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 8px 26px;
    border: none !important;
    background-color: #ae282c !important;
}

section.section.ve-lumibath a.button.primary.is-outline.lowercase span{
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 13px;
  color: #EDE9DE; /* chữ đối lập, dễ đọc */
}

/* thêm icon mũi tên nhỏ cho hiện đại */
section.section.ve-lumibath a.button.primary.is-outline.lowercase::after{
  content: "→";
  font-size: 14px;
  color: #EDE9DE;
  transform: translateY(-1px);
}

/* hover nhẹ, không bị gắt */
section.section.ve-lumibath a.button.primary.is-outline.lowercase:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  filter: brightness(1.03);
}

/* ===== SECTION 2: HÌNH ẢNH ĐÈ LÊN SECTION 1 ===== */
section.section.hinh-anh-ve-lumibath{
  position: relative;
  z-index: 2;
  background-color: #ededed;
  padding-top: 80px !important;   /* có padding để vẫn còn khoảng trống phía trên */
  padding-bottom: 0px !important;              /* kéo cả section 2 lên, đè vào section 1 */
}
/* ============================
   SECTION: TẠI SAO KHÁCH HÀNG CHỌN LUMI BATH
   ============================ */
.tu-van-chuyen-gia {

}

.tu-van-chuyen-gia .col-inner {
margin: 0 auto;
    padding: 20px 20px;
    background: #af1016;
}

/* Tiêu đề */
.tu-van-chuyen-gia h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  color: #EDE9DE;
}

/* Mô tả */
.tu-van-chuyen-gia p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.7;
  color:#EDE9DE;
}

/* Nút đặt lịch tư vấn */
.tu-van-chuyen-gia .button.primary.is-outline.lowercase {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border: 1px solid #EDE9DE;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.tu-van-chuyen-gia .button.primary.is-outline.lowercase span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #EDE9DE;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #fef83e;
}
div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
}
.wpcf7-display-none {
    display: none;
}


    .gc-floating-call,
    .gc-floating-register {
        position: fixed;
        bottom: 35px;
        z-index: 9999;
    }
    .gc-floating-call { left: 20px; }
    .gc-floating-register { right: 20px; }

    .gc-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
        border-radius: 50px;
        background:#bd181e;
        color: #fff;
        text-decoration: none;
        box-shadow: 0 6px 15px rgba(0,0,0,0.25);
        overflow: hidden;
        white-space: nowrap;
        max-width: 48px;
        transition: all 0.3s ease;
        animation: gc-pulse 1.5s infinite;
    }

    .gc-floating-register .gc-btn {
        background: #af1016;
    }

    .gc-btn img,
    .gc-btn svg {
        width: 36px;
        flex-shrink: 0;
    }

    .gc-btn span {
        opacity: 0;
        max-width: 0;
        transition: all 0.3s ease;
        font-size: 14px;
        font-weight: 600;
    }

    /* Hover hi?n text */
    .gc-btn:hover {
        max-width: 240px;
        padding: 12px 18px;
        animation: none;
    }
	.gc-floating-register .gc-btn img, .gc-btn svg {
    filter: invert(1);
}

    .gc-btn:hover span {
        opacity: 1;
        max-width: 200px;
        margin-left: 6px;
		    color: #fff;
    }

    /* Animation pulse */
    @keyframes gc-pulse {
        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(229,57,53,0.6); }
        70% { transform: scale(1.08); box-shadow: 0 0 0 12px rgba(229,57,53,0); }
        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(229,57,53,0); }
    }

    .gc-floating-register .gc-btn {
        animation: gc-pulse-blue 1.5s infinite;
    }

    @keyframes gc-pulse-blue {
        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(25,118,210,0.6); }
        70% { transform: scale(1.08); box-shadow: 0 0 0 12px rgba(25,118,210,0); }
        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(25,118,210,0); }
    }

    @media (max-width:767px) {
        .gc-floating-call, .gc-floating-register {
            bottom: 14px;
        }
    }
    
.back-to-top {
    bottom: 100px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    right: 25px;
    transform: translateY(30%);
}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    background-color: #af1016;
}
.is-outline {
    color: #EDE9DE;
}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    border: 0px;
}
.absolute-footer.dark {
    color: hsl(38.57deg 31.82% 91.37%);
}
/* Hover nút */
.tu-van-chuyen-gia .button.primary.is-outline.lowercase:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(64, 9, 9, 0.45);
  opacity: 0.95;
}

/* Mobile */
@media (max-width: 768px) {
  .tu-van-chuyen-gia .col-inner {
    padding: 20px 16px;
  }
  .tu-van-chuyen-gia h3 {
    font-size: 18px;
  }
  .tu-van-chuyen-gia p {
    font-size: 13px;
  }
}

/* Tiêu đề chính của section */
section.section.tai-sao > .section-content > .row h2{
  margin: 0;
  text-align: center;
  font-size: clamp(24px, 2.2vw, 26px);
  letter-spacing: .04em;
  color: #ae282c;
}
.bo-suu-tap-main h1::after {
    content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(174 40 44), transparent);
}
/* === BO SUU TAP: Box text style (giống hình) === */
.bo-suu-tap-main .box-text{
  text-align: left;
}

/* wrapper bên trong */
.bo-suu-tap-main .box-text .box-text-inner{
  display: block;
}

/* Title */
.bo-suu-tap-main .box-text h3{
  margin: 0 0 10px;
  line-height: 1.15;
}

.bo-suu-tap-main .box-text h3 a{
display: inline-block;
    text-decoration: none;
    color: #af1016;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 15px;
}

.bo-suu-tap-main .box-text h3 a:hover{
  color: #3f261c;
}
.san-pham-page h3
 {
    font-size: 1.1em;
    font-weight: 500;
}

/* Description */
.bo-suu-tap-main .box-text p {
    border-left: 4px solid #af1016;
    padding-left: 10px;
    margin: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bo-suu-tap-main .box-text p.clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bo-suu-tap-main .box-text .read-more-btn {
display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0px;
    cursor: pointer;
    color: #af1016;
    font-size: 14px;
    font-weight: 500;
    background: none;
    border: none;
    padding: 0;
    text-transform: capitalize;
}
/* (Tuỳ chọn) giới hạn 2 dòng mô tả như card mẫu */
.bo-suu-tap-main .box-text p{
  display: -webkit-box;
}
.tieu-de-bo-suu-tap h1::after {
    content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, #EDE9DE, transparent);
}
.dang-ky {
    border: 1px solid!important;
} 
/* Mobile: chữ dễ đọc hơn */
@media (max-width: 480px){
  .bo-suu-tap-main .box-text{ padding: 12px 0px 0px; }
  .bo-suu-tap-main .box-text h3 a{ font-size: 15px; }
  .bo-suu-tap-main .box-text p{ font-size: 12.5px; }
}

.tai-sao h1::after {
    content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(174 40 44), transparent);
}
/* Thanh line nhỏ phía dưới tiêu đề */
section.section.tai-sao > .section-content > .row h2::after{
content: "";
    display: block;
    width: 210px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgb(174 40 44), transparent);
}



/* Khoảng cách giữa tiêu đề và grid */
section.section.tai-sao .banner-grid-wrapper{
  margin-top: 36px;
}

/* ===== STYLE CHUNG CHO CARD (banner) ===== */
section.section.tai-sao .banner{
  overflow: hidden;
  position: relative;
}

/* bo tròn & shadow cho phần bên trong */
section.section.tai-sao .banner-inner.fill,
section.section.tai-sao .banner-bg.fill{
  border-radius: inherit;
  overflow: hidden;
}

/* ảnh nền full, hiện đại */
section.section.tai-sao .banner-bg .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* overlay chung – nhẹ, sang, dễ đọc chữ */
section.section.tai-sao .banner .overlay{
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.15),
    rgba(0,0,0,.55)
  ) !important;
  opacity: 1;
}

/* card đổ bóng mềm, không bị thô */
section.section.tai-sao .col-inner > .banner{
  transition: transform .35s ease, box-shadow .35s ease;
}

/* hover: nhích nhẹ + shadow đậm hơn một chút */
section.section.tai-sao .col-inner > .banner:hover{
  transform: translateY(-6px);
}

/* ===== TEXT TRONG CÁC BANNER ===== */

/* text-box canh trái, nhưng không sát mép quá */
section.section.tai-sao .text-box.banner-layer{
  max-width: 80% !important;
}
/* ========== SECTION LÝ DO CHỌN LUMI BATH ========== */
section.section.ly-do-chon{
    padding-top: 30px !important;
    padding-bottom: 10px !important;
    color: #EDE9DE;
}
/* ===========================
   SECTION GIẢI PHÁP CHO KHÔNG GIAN
   =========================== */

section.section.giai-phap{
  padding-top: 70px !important;
  padding-bottom: 80px !important;
}

/* Tiêu đề + mô tả intro */
section.section.giai-phap h2{
  margin: 0 0 10px 0;
  text-align: center;
  font-size: clamp(24px, 2.4vw, 32px);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #ae282c;
}
section.section.giai-phap > .section-content > .row.noi-dung p{
    text-align: justify;
}

/* gạch nhấn dưới tiêu đề */
section.section.giai-phap h2::after{
    content: "";
    display: block;
    width: 210px;
    FONT-WEIGHT: 200;
    margin: 14px auto 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ae282c, transparent);
}


/* ===========================
   TABS NAV
   =========================== */

section.section.giai-phap .tabbed-content{
  margin-top: 24px;
      padding: 30px;
	  background:#fff;
}

/* bỏ viền / nền cũ của nav-divided */
section.section.giai-phap .tabbed-content .nav.nav-divided{
  border: none;
  background: transparent;
  box-shadow: none;
  justify-content: center;
}

/* mỗi tab là 1 pill */
section.section.giai-phap .tabbed-content .nav > li.tab{
  margin: 0 6px 18px;
  border-radius: 999px;
  overflow: hidden;
}
section.section.giai-phap .tabbed-content .nav > li.tab > a{
  border-radius: inherit;
  padding: 8px 22px;
  border: 1px solid rgba(64,9,9,.32);
  background: transparent;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .09em;
  color: rgba(64,9,9,.75);
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

/* tab active */
section.section.giai-phap .tabbed-content .nav > li.tab.active > a{
  background: #ae282c;
  color: #EDE9DE;
  border-color: #ae282c;
  transform: translateY(-1px);
}

/* hover tab */
section.section.giai-phap .tabbed-content .nav > li.tab:not(.active) > a:hover{
  background: rgba(64,9,9,.06);
  border-color: rgba(64,9,9,.6);
  color: #ae282c;
}

/* ===========================
   NỘI DUNG TỪNG TAB (.noi-dung)
   =========================== */

section.section.giai-phap .tab-panels{
  margin-top: 18px;
}

/* row nội dung trong mỗi tab */
section.section.giai-phap .tab-panels .row.noi-dung{
  align-items: center;
}

/* tiêu đề (GRANTS) */
section.section.giai-phap .tab-panels .row.noi-dung h3{
  margin: 0 0 10px 0;
  font-size: 18px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ae282c;
}

/* mô tả */
section.section.giai-phap .tab-panels .row.noi-dung p{
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(64,9,9,.85);
}

/* nút Xem thêm – pill wine */
section.section.giai-phap .tab-panels .row.noi-dung a.button.white.is-outline.lowercase{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 21px 8px 25px;
    border: none !important;
    background: #ae282c !important;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
section.section.giai-phap .tab-panels .row.noi-dung a.button.white.is-outline.lowercase span{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #ffffff;
}
section.section.giai-phap .tab-panels .row.noi-dung a.button.white.is-outline.lowercase::after{
  content:"→";
  font-size: 14px;
  color:#ffffff;
}

/* hover nút */
section.section.giai-phap .tab-panels .row.noi-dung a.button.white.is-outline.lowercase:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  filter: brightness(1.03);
}

/* ===========================
   Responsive
   =========================== */
@media (max-width: 849px){
  section.section.giai-phap{
    padding-top: 50px !important;
    padding-bottom: 60px !important;
  }
  section.section.giai-phap .tab-panels .row.noi-dung .col.medium-5 .col-inner{
    margin-top: 18px;
  }
}

/* Nếu có tiêu đề trong section này */
section.section.ly-do-chon h2{
  text-align: center;
  margin: 0 0 32px 0;
  font-size: clamp(22px, 2vw, 30px);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #EDE9DE;
}
section.section.ly-do-chon h2::after{
  content:"";
  display:block;
  width: 90px;
  height: 2px;
  margin: 14px auto 0;
}

section.section.ly-do-chon .col-inner{
  height: 100%;
}

/* ========== ICON BOX CARD ========== */
section.section.ly-do-chon .icon-box.featured-box{
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 20px;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

/* hover card – nhích nhẹ, sáng hơn chút */
section.section.ly-do-chon .icon-box.featured-box:hover{
  transform: translateY(-4px);
  background: rgba(255,241,207,.08);
}

/* Icon tròn, canh giữa */
section.section.ly-do-chon .icon-box-img{
  width: auto !important;
}
section.section.ly-do-chon .icon-box-img .icon{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: rgba(255,241,207,.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.section.ly-do-chon .icon-box-img .icon-inner svg{
  width: 30px;
  height: 30px;
}

/* Text bên phải icon */
section.section.ly-do-chon .icon-box-text{
  padding-left: 0;
}
section.section.ly-do-chon .icon-box-text h3{
  margin: 0 0 6px 0;
  font-size: 16px;
  font-weight: 600;
  color: #EDE9DE;
}
section.section.ly-do-chon .icon-box-text p{
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #EDE9DE;
}

/* Responsive: mobile xếp dọc đẹp hơn */
@media (max-width: 768px){
  section.section.ly-do-chon{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  section.section.ly-do-chon .icon-box.featured-box{
    padding: 16px 18px;
  }
}


/* số “25 năm” to, nhìn luxury */
section.section.tai-sao .banner h2{
  font-size: 22px;
  margin-bottom: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* mô tả bên dưới mềm hơn */
section.section.tai-sao .banner p{
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}

/* bỏ font-size 140% inline, dùng chung cho tất cả */
section.section.tai-sao .text-box-content{
  font-size: 16px !important;
}

/* ===== 3 Ô KHÔNG CÓ ẢNH – DÙNG GRADIENT WINE ===== */
#banner-1071032951,
#banner-875023446,
#banner-1532639786{
  padding-top: 250px !important; /* đúng với grid-col-1-2 (nửa chiều cao) */
  background: linear-gradient(135deg, #ae282c, #5b1414) !important;
}

/* các banner có ảnh đầy đủ cao 500px giữ nguyên, chỉ bo tròn & overlay */
#banner-1671336021,
#banner-358138931{
  padding-top: 500px !important;
}

/* ===== CHỈNH GRID CHO MƯỢT HƠN (KHOẢNG CÁCH) ===== */
#banner-grid-131550360 .grid-col{
  padding: 10px;
}

/* Responsive: mobile xếp lại cho đỡ chật */
@media (max-width: 849px){
  #banner-grid-131550360{
    height: auto !important;
  }
  #banner-grid-131550360 .grid-col{
    position: static !important;
    width: 100% !important;
    height: auto !important;
  }
  #banner-1671336021,
  #banner-358138931,
  #banner-1071032951,
  #banner-875023446,
  #banner-1532639786{
    padding-top: 65% !important; /* tỷ lệ 16:10 cho ảnh/block */
  }
}

/* kéo 2 ảnh lên thêm một chút như hình bạn gửi */
#section_2030201026 #col-651311905 > .col-inner,
#section_2030201026 #col-510649554 > .col-inner{
  margin-top: -40px !important;   /* nếu muốn trồi nhiều hơn, tăng số âm lên -60, -80 */
}

/* card ảnh bo tròn, nhẹ nhàng hiện đại */
section.section.hinh-anh-ve-lumibath .img{
  overflow: hidden;
}
section.section.hinh-anh-ve-lumibath .img-inner{
  border-radius: inherit;
  overflow: hidden;
  border: none;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

/* ảnh mượt, không quá gắt */
section.section.hinh-anh-ve-lumibath img{
  display:block;
  width:100%;
  height:auto;
  transform: scale(1.01);
  filter: contrast(1.03) saturate(1.02);
  transition: transform .6s ease, filter .6s ease;
}

section.section.hinh-anh-ve-lumibath .img:hover img{
  transform: scale(1.05);
  filter: contrast(1.06) saturate(1.05);
}

/* responsive nhỏ lại chút cho mobile */
@media (max-width: 849px){
  section.section.ve-lumibath{
    padding-top: 40px !important;
    padding-bottom: 90px !important;
  }
  section.section.hinh-anh-ve-lumibath{
    margin-top: -60px;
    padding-top: 70px !important;
  }
}

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    line-height: 1.8;
    font-family: "Gotham";
}
.nav-uppercase>li>a {
    font-weight: 500;
}
.tab a {
	    font-weight: 500!important;
}
.h1, h1 {
    font-size: 1.8em;
}
.menu-san-pham .tabbed-content li a {
color: rgb(175 16 22);
}

.menu-san-pham .tabbed-content li.active a {
color: rgb(175 16 22);
}
/* ================================
   LUXURY MEGA MENU (menu-san-pham)
   Main: #ae282c | Secondary: #EDE9DE
================================== */

.menu-san-pham{
  --lux-main:#ae282c;
  --lux-sub:#EDE9DE;

  --lux-bg: #120404;                 /* nền tối sang */
  --lux-card: #1a0707;               /* nền khối */
  --lux-stroke: rgba(255,241,207,.18);
  --lux-stroke-strong: rgba(255,241,207,.28);

  --lux-shadow: 0 18px 60px rgba(0,0,0,.45);
  --lux-shadow-soft: 0 10px 30px rgba(0,0,0,.25);


  color: var(--lux-sub);
}

.menu-san-pham #row-2038769828 > .col > .col-inner{
  padding: 0 !important;
}

/* Wrapper tổng */
.menu-san-pham{
    overflow: hidden;
}

/* Layout 3 cột: canh gọn + sang */
.menu-san-pham .row-full-width{
  align-items: stretch;
}

/* =====================
   Tabs (nav bên trái)
===================== */
.menu-san-pham .tabbed-content{
  display: grid;
  grid-template-columns: 280px 1fr;
  min-height: 420px;
}

/* Danh sách tab */
.menu-san-pham .tabbed-content > .nav{
  margin: 0;
  padding: 18px 14px;
  list-style: none;

  border-right: 1px solid var(--lux-stroke);
  width: auto;
}
.menu-san-pham  .nav-vertical>li+li {
    border-top: 0px!important;
}
.custom-info__button {
display: flex;
gap: 16px;
}
.custom-info__button a {
flex: 1;
padding: 12px 40px;
border-radius: 8px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.custom-info__button a span {
margin-bottom: -2px;
}
.custom-info__button a:first-child {
background-color: #af1016;
}
.custom-info__button a:last-child {
background:#af1016;
}
.product-small .col-inner {
    background: #F0EBE2;
    padding: 10px;
}

.product-small .price {
    display: block;
    display: none;
}
.product-small .box-text {
    font-size: .9em;
    padding-bottom: 0.1em;
    padding-top: .7em;
    position: relative;
    width: 100%;
    font-weight: bold;
    color: #ae282c;
}
/* ======= Counter Luxury (scope theo .so-tu-dong) ======= */
.so-tu-dong{
  --bg:#0f0f0f;
  --text:#ffffff;
  --muted:rgba(255,255,255,.75);
  color: var(--text);
  padding: 22px 18px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
      text-align: center;
}

.so-tu-dong h3{
  margin: 0 0 6px 0;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 700;
}

/* “PS” nhỏ dạng superscript (JS sẽ tự bọc <span class="ps">) */
.so-tu-dong h3 .ps{
  font-size: .65em;
  vertical-align: super;
  opacity: .9;
  margin-left: .25em;
  letter-spacing: .08em;
}
.page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}
/* Số lớn */
.so-tu-dong p{
  margin: 0;
  font-weight: 500;
  font-size: clamp(48px, 9vw, 88px);
  line-height: 1;
  letter-spacing: .02em;
  color: var(--text);
  /* nhẹ nhàng xuất hiện */
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
}

.so-tu-dong.is-visible p{
  opacity: 1;
  transform: translateY(0);
}

/* Item tab */
.menu-san-pham .tabbed-content > .nav > .tab{
  margin: 8px 0;
}
 .lumibath-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
  }
  .lumibath-lightbox.is-open {
    display: block;
  }
  .lumibath-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
  }
  .lumibath-lightbox__modal {
    position: relative;
    width: min(920px, calc(100% - 28px));
    margin: 60px auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0,0,0,.35);
    overflow: hidden;
  }
  .lumibath-lightbox__close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    background: rgba(0,0,0,.06);
    font-size: 26px;
    line-height: 42px;
  }
  .lumibath-lightbox__header {
    padding: 18px 18px 10px;
  }
  .lumibath-lightbox__title {
    font-size: 18px;
    font-weight: 800;
    color: #111;
  }
  .lumibath-lightbox__underline {
    width: 56px;
    height: 3px;
    margin-top: 10px;
    border-radius: 999px;
    background: #111;
    opacity: .12;
  }
  .lumibath-lightbox__content {
    padding: 0 18px 18px;
    max-height: min(70vh, 620px);
    overflow: auto;
  }

  /* ===== Fancy "Xem thêm" hover button ===== */
  section.section.tru-cot .box {
    position: relative; /* for absolute center button */
  }

  /* Optional: subtle overlay on hover */
  section.section.tru-cot .box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .18s ease;
    pointer-events: none;
    z-index: 2;
    border-radius: inherit;
  }
  section.section.tru-cot .box:hover::after,
  section.section.tru-cot .box:focus-within::after {
    background: rgba(0,0,0,.22);
  }

  /* Hide the hidden content block (your existing content area) */
  section.section.tru-cot .box .box-4-tru-cot {
    display: none;
  }

  /* The button itself: hidden by default */
 section.section.tru-cot .box a.lumibath-xem-them {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.94);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 5;
    padding: 13px 20px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: .4px;
    color: #000;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 100%);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 1);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease, box-shadow .2s ease;
}

.lumibath-xem-them span {
    display: inline-block;
    line-height: 1.6;
    color: #ae282c;
    font-weight: bold;
}
 
  /* Glow ring */
  section.section.tru-cot .box a.lumibath-xem-them::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 999px;
    background: conic-gradient(from 180deg,
      rgba(255,215,0,.0),
      rgba(255,215,0,.55),
      rgba(255,255,255,.0),
      rgba(255,105,180,.45),
      rgba(255,215,0,.0)
    );
    filter: blur(10px);
    opacity: 0;
    transition: opacity .18s ease;
    z-index: -1;
  }

  /* Show button on hover/focus */
  section.section.tru-cot .box:hover a.lumibath-xem-them,
  section.section.tru-cot .box:focus-within a.lumibath-xem-them {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
  }
  section.section.tru-cot .box:hover a.lumibath-xem-them::before,
  section.section.tru-cot .box:focus-within a.lumibath-xem-them::before {
    opacity: .85;
  }

  /* ✅ After clicked: hide button until hover again */
  section.section.tru-cot .box.lumibath-clicked a.lumibath-xem-them {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.92);
  }
  section.section.tru-cot .box.lumibath-clicked:hover a.lumibath-xem-them,
  section.section.tru-cot .box.lumibath-clicked:focus-within a.lumibath-xem-them {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
  }

  /* Respect reduced motion */
  @media (prefers-reduced-motion: reduce) {
    section.section.tru-cot .box a.lumibath-xem-them,
    section.section.tru-cot .box::after,
    section.section.tru-cot .box a.lumibath-xem-them::before {
      transition: none !important;
    }
  }
  body.lumibath-lb-open section.section.tru-cot .box a.lumibath-xem-them {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) scale(.92) !important;
  }
/* Link tab */
.menu-tab{
      position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 20px;
    padding: 5px 15px;
    border-radius: 999px;
    color: rgb(174 40 44);
    text-decoration: none;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
    background: #EDE9DEcf;
    font-weight: 500;
	    margin: 5px 0px 0px 10px !important;
}

/* Hiệu ứng “lux” hover */
.menu-san-pham .tabbed-content > .nav > .tab > a:hover{
  transform: translateX(2px);
  color: var(--lux-sub);
  border-color: var(--lux-stroke-strong);

}

/* Active tab */
.menu-san-pham .tabbed-content > .nav > .tab.active > a,
.menu-san-pham .tabbed-content > .nav > .tab > a[aria-selected="true"]{
  color: var(--lux-sub);
  border-color: rgba(255,241,207,.45);

}


/* Uppercase nhưng không “gắt” */
.menu-san-pham .tabbed-content > .nav > .tab > a span{
  letter-spacing: .06em;
  font-weight: 650;
  font-size: 13px;
  text-transform: uppercase;
}

/* =====================
   Panels (nội dung)
===================== */
.menu-san-pham .tab-panels{
  padding: 18px;
}

/* Ẩn panel không active (để trực quan hơn) */
.menu-san-pham .tab-panels .panel{
  display: none;
  animation: luxFade .22s ease;
}
.menu-san-pham .tab-panels .panel.active{
  display: block;
}

@keyframes luxFade{
  from{opacity:0; transform: translateY(6px);}
  to{opacity:1; transform: translateY(0);}
}

/* Khối menu con trong panel */
.menu-san-pham .ux-menu{
}

/* Tiêu đề nhóm */
.menu-san-pham .ux-menu-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 12px 10px;
    color: #af1016;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid rgb(0 0 0 / 14%);
}
.menu-con-sp .menu-san-pham .ux-menu-link__link {
    font-size: 14px;
}
.vi-sao-white h3 {
    color: #ae282c;
    font-size: 22px;
    font-weight: 500;
}
.vi-sao-black h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
	margin-bottom: 15px;
}
/* Link item */
.menu-san-pham .ux-menu-link{
  margin-top: 8px;
}

.menu-san-pham .ux-menu-link__link{
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    text-decoration: none;
    color: #000;

  border: 1px solid transparent;
}
.menu-san-pham .row > .col:nth-child(n+2):nth-child(-n+4){
  background: #EDE9DEc9;
}

.menu-san-pham {
    padding: 0!important;
}
#menu-item-10368 .nav-dropdown {
    background-color: #EDE9DE8f !important;
}
.menu-san-pham .ux-menu-link__link:hover{
  color: rgb(175 16 22);
}


.menu-san-pham .ux-menu-link__link:hover::after{
  transform: translateX(2px);
  opacity: 1;
}


/* =====================
   Responsive (mobile)
===================== */
@media (max-width: 849px){
  .menu-san-pham .tabbed-content{
    grid-template-columns: 1fr;
    min-height: unset;
  }

  .menu-san-pham .tabbed-content > .nav{
    display:flex;
    gap: 10px;
    overflow:auto;
    padding: 12px;
    border-right: none;

  }

  .menu-san-pham .tabbed-content > .nav > .tab{
    margin: 0;
    flex: 0 0 auto;
  }

  .menu-san-pham .tab-panels{
    padding: 14px;
  }

  .menu-san-pham #col-2057055400{
    border-left: none;
    border-top: 1px solid var(--lux-stroke);
  }
}

/* Thanh cuộn “mượt” cho nav mobile */
.menu-san-pham .tabbed-content > .nav::-webkit-scrollbar{
  height: 8px;
}
.menu-san-pham .tabbed-content > .nav::-webkit-scrollbar-thumb{
  background: rgba(255,241,207,.22);
  border-radius: 99px;
}
.menu-san-pham .tabbed-content > .nav::-webkit-scrollbar-track{
  background: rgba(0,0,0,.25);
}

.logo-footer .ux-logo-link  {
    padding: inherit !important;
    padding-bottom: 15px !important;
}
.contact-form p{text-align:center}
.contact-form label{text-align:left}
.contact-form input, .contact-form textarea{border-radius: 4px;
    box-shadow: 0 4px 20px 0 #d1d1d1;}
.contact-2 .row2 .col.large-6 .col-inner{border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);padding:30px}
.contact-2 .icon-box p{font-size: 14px;
    color: black;}
.contact-2 .icon-box-img img, .icon-box-img svg {
    filter: grayscale(1);
}
.contact-2 .contact-form {
    padding: 50px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);

    width: 100%;
    top: -24px;
}
.contact-form input, .contact-form textarea {
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 #d1d1d1;
}
.contact-form input {
    height: 45px;
    font-size: 15px;
}
.ban-do iframe {
    display: block;
    margin-top: -150px;
    border-radius: 10px;
}
.wpcf7-spinner {
    position: absolute!important;
}

.archipelago-label { pointer-events: none; background: transparent; border: none; }
.archipelago-label-text{
  font-weight:700; font-size:13px; color:#0b3d91;
  text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.85);
  white-space:nowrap; opacity:.95; letter-spacing:.2px;
}
/* =========================
   BLOG THEME (bg #EDE9DE)
   Parent: .blog
========================= */
#post-list{
  --bg: #EDE9DE;

  /* palette */
  --card: rgba(255,255,255,.78);
  --card-solid: #ffffff;
  --stroke: rgba(160,120,40,.18);
  --text: #2b2b2b;
  --muted:#6b5b45;
  --accent:#b7741a;

  /* tuning */
  --title-fs: 16px;
  --title-lh: 1.25;
  --title-lines-default: 2;   /* hiển thị 2 dòng */
  --title-lines-hover: 4;     /* hover hiển thị tối đa 4 dòng */
  --card-bg: #fff6de;         /* nền card nổi bật trên #EDE9DE */
  --card-stroke: rgba(160,120,40,.20);

  color: var(--text);
}

/* =========================
   CARD STYLE (masonry/packery)
========================= */
#post-list .post-item .col-inner{ height: 100%; }

#post-list .post-item .box-blog-post{
    overflow: hidden;
    background: #EDE9DE;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    backdrop-filter: none;
}
.footer-section p {
    margin-top: 0;
    margin-bottom: 7px;
}
.footer-section p strong {
   color: #af1016;
}
/* =========================
   IMAGE
========================= */
#post-list .post-item .box-image{
  position: relative;
  background: linear-gradient(180deg, rgba(255,210,140,.22), rgba(255,210,140,.08));
}
#post-list .post-item .image-cover{
  border-bottom: 1px solid rgba(160,120,40,.14);
  aspect-ratio: 16 / 9; /* đồng nhất chiều cao ảnh */
  overflow: hidden;
}
#post-list .post-item img.wp-post-image{
  width: 100%; height: 100%; object-fit: cover; display:block;
  transform: scale(1.01);
  transition: transform .35s ease, filter .35s ease;
}
#post-list .post-item .box-blog-post:hover img.wp-post-image{
  transform: scale(1.06); filter: saturate(1.05) contrast(1.03);
}
/* overlay nhẹ cho ảnh */
#post-list .post-item .box-image::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(0,0,0,.18) 100%);
  opacity:.55;
}

/* =========================
   TEXT AREA
========================= */
#post-list .post-item .box-text{ padding: 14px 16px 16px; text-align: left; }
#post-list .post-item .is-divider{
  margin: 10px 0 0px; height: 1px; border: 0;
  background: linear-gradient(90deg, transparent, rgba(160,120,40,.35), transparent);
}

/* ===== TITLE: 2 dòng mặc định → 4 dòng khi hover card ===== */
#post-list .post-item .post-title{
  margin: 0 0 8px 0;
  font-weight: 500; letter-spacing: .2px;
  line-height: var(--title-lh); font-size: var(--title-fs);

  /* clamp 2 dòng + giữ min/max-height để card đồng đều */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--title-lines-default);
  overflow: hidden; text-overflow: ellipsis; white-space: normal;

  min-height: calc(var(--title-lines-default) * 1lh);
  max-height: calc(var(--title-lines-default) * 1lh);
  transition: max-height .25s ease;
  position: relative;
}
#post-list .post-item .post-title a{ color: var(--text); text-decoration: none; }
#post-list .post-item .post-title a:hover{ color: var(--accent); }

/* Fade gợi ý còn nội dung khi đang bị cắt */
#post-list .post-item .post-title::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .9em;
    background: linear-gradient(to bottom, rgba(255, 246, 222, 0), rgb(240 235 226));
    pointer-events: none;
    opacity: .7;
    transition: opacity .2s ease;
}

/* Hover vào card: mở tối đa 4 dòng, bỏ fade */
#post-list .post-item:hover .post-title,
#post-list .post-item:focus-within .post-title{
  max-height: calc(var(--title-lines-hover) * 1lh);
  -webkit-line-clamp: var(--title-lines-hover);
}
#post-list .post-item:hover .post-title::after,
#post-list .post-item:focus-within .post-title::after{ opacity:0; }

/* ===== EXCERPT: gọn 2 dòng ===== */
#post-list .post-item .from_the_blog_excerpt{
  margin: 0; color: var(--muted); line-height: 1.55; font-size: 14px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* =========================
   ACCESSIBILITY
========================= */
#post-list .post-item a.plain:focus-visible{
  outline: 3px solid rgba(183,116,26,.35);
  outline-offset: 4px; border-radius: 12px;
}

/* =========================
   PAGINATION
========================= */
.nav-pagination{ margin: 26px 0 10px; }
.nav-pagination .page-number{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 12px; border-radius:999px;
  border:1px solid rgba(160,120,40,.25); background:rgba(255,255,255,.7);
  color:var(--text); text-decoration:none; transition: transform .2s, background .2s;
}

.nav-pagination .current{
  background: var(--card-solid); border-color: rgba(183,116,26,.45);
  box-shadow: 0 10px 22px rgba(60,40,10,.10);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px){
  #post-list .post-item .post-title{ font-size: 15px; }
}
@media (max-width: 768px){
  #post-list .post-item .box-text{ padding: 12px 14px 14px; }
  /* Trên mobile giữ 2 dòng, không mở rộng để tránh nhảy layout */
  #post-list .post-item:hover .post-title,
  #post-list .post-item:focus-within .post-title{
    max-height: calc(var(--title-lines-default) * 1lh);
    -webkit-line-clamp: var(--title-lines-default);
  }
}
/* ====== DIEU-HUONG (FULL - LUXURY HOVER) ====== */
.section.dieu-huong .box{
  position:relative;
  overflow:hidden;
}

/* Khung ảnh */
.section.dieu-huong .box-image,
.section.dieu-huong .box-image .image-cover{
  position:relative;
  overflow:hidden;
}

/* Ảnh fill khung + cinematic slow zoom */
.section.dieu-huong .box-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.001);
  will-change: transform, filter;
  transition:
    transform 1.2s cubic-bezier(.2,.8,.2,1),
    filter 1.2s cubic-bezier(.2,.8,.2,1);
}
.section.dieu-huong .box:hover .box-image img{
  transform:scale(1.08);
  filter:brightness(.95) saturate(1.05);
}

/* ====== BOX TEXT: luôn nằm TRÊN ảnh ====== */
.section.dieu-huong .box-text.text-center{
  position:absolute;
  inset:0;
  z-index:2;
  padding:14px;
  display:flex;
  align-items:flex-end;     /* mặc định: h4 nằm dưới trong ảnh */
  justify-content:center;
  text-align:center;
}

/* Overlay mặc định: gradient nhẹ ở đáy (để h4 rõ) */
.section.dieu-huong .box-text.text-center::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background:linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0) 70%);
  opacity:1;

  /* LUX: overlay không bật - mà trôi mượt */
  transform: translateY(8%);
  will-change: transform, opacity, height, background;
  transition:
    opacity .9s cubic-bezier(.2,.8,.2,1),
    transform .9s cubic-bezier(.2,.8,.2,1),
    height .9s cubic-bezier(.2,.8,.2,1),
    background .9s cubic-bezier(.2,.8,.2,1);
  z-index:0;
}

/* Nội dung */
.section.dieu-huong .box-text.text-center .box-text-inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:90%;
  will-change: transform, opacity;
  transition: transform .9s cubic-bezier(.2,.8,.2,1), opacity .9s cubic-bezier(.2,.8,.2,1);
}

/* ====== TRẠNG THÁI MẶC ĐỊNH: chỉ hiện h4 ====== */
.section.dieu-huong .box-text.text-center h4{
  margin:0;
  color:#fff;
  font-size:16px;
  line-height:1.2;
  text-transform:none;
}

/* Ẩn các phần khác khi chưa hover */
.section.dieu-huong .box-text.text-center .noi-dung,
.section.dieu-huong .box-text.text-center .button{
  opacity:0;
  visibility:hidden;

  /* LUX: fade + lift (nhẹ, sâu) */
  transform: translateY(18px);
  will-change: transform, opacity;
  transition:
    opacity .9s cubic-bezier(.2,.8,.2,1),
    transform .9s cubic-bezier(.2,.8,.2,1),
    visibility 0s linear .9s;
}

/* ====== HOVER: hiện overlay + hiện full content ====== */
.section.dieu-huong .box:hover .box-text.text-center{
  align-items:center; /* hover: căn giữa nội dung */
}

/* Overlay hover: phủ full ảnh (film sâu, không đen phẳng) */
.section.dieu-huong .box:hover .box-text.text-center::before{
  inset:0;
  height:100%;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.68), rgba(0,0,0,.58));
  opacity:1;
  transform: translateY(0);
}

/* Hiện p + button */
.section.dieu-huong .box:hover .box-text.text-center .noi-dung,
.section.dieu-huong .box:hover .box-text.text-center .button{
  opacity:1;
  visibility:visible;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0s;
}

/* Delay tinh tế (luxury) */
.section.dieu-huong .box:hover .box-text.text-center .noi-dung{
  transition-delay: .12s, .12s, 0s;
}
.section.dieu-huong .box:hover .box-text.text-center .button{
  transition-delay: .22s, .22s, 0s;
}

/* Style p */
.section.dieu-huong .box-text.text-center .noi-dung{
  margin:10px 0 12px;
  color:#fff;
  font-size:13px;
  line-height:1.5;
}

/* Nút */
.section.dieu-huong .box-text.text-center .button{
  display:inline-flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  transition:
    transform .6s cubic-bezier(.2,.8,.2,1),
    background .35s ease,
    color .35s ease,
    border-color .35s ease;
}
.section.dieu-huong .box:hover .box-text.text-center .button{
  transform: translateY(-1px);
}
.section.dieu-huong .box-text.text-center .button:hover{
  background:#fff !important;
  color:#000 !important;
}

/* Tắt underline link trong overlay nếu cần */
.section.dieu-huong .box-text.text-center a{
  text-decoration:none;
}




/* Tắt underline link trong overlay nếu cần */
.section.dieu-huong .box-text.text-center a{
  text-decoration:none;
}
/* ====== TITLE: KHÁM PHÁ THÊM ====== */
.section.dieu-huong h2{
  position: relative;
  display: inline-block;     /* để gạch ngang ôm theo chữ */
  color: #ae282c;
}

/* Gạch ngang bên dưới */
.section.dieu-huong h2::after{
content: "";
    display: block;
    width: 210px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
    left: 0;
    margin-top: 10px;
}
.cau-chuyen-lumibath h1::after{
content: "";
    display: block;
    width: 210px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ae282c, transparent);
    margin: 10px auto;
}
.cau-chuyen-lumibath h2::after{
content: "";
    display: block;
    width: 210px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ae282c, transparent);
    margin: 15px auto;
}
.thuong-hieu h2::after{
content: "";
    display: block;
    width: 210px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ae282c, transparent);
    margin: 10px auto;
}

/* =========================================
   2. SỐ LIỆU – .so-lieu (FLAT, LUXURY)
   ========================================= */

section.section.so-lieu {
  padding-top: 80px !important;
  padding-bottom: 50px !important;
  background-color: #ae282c;
  color: #EDE9DE;
}

/* căn giữa nội dung trong từng cột */
section.section.so-lieu .col-inner {
  text-align: center;
}

/* bỏ style icon-box thừa ở cột đầu */
section.section.so-lieu .icon-box.featured-box.icon-box-top {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
section.section.so-lieu .icon-box.featured-box.icon-box-top .icon-box-text {
  padding: 0;
}


/* thanh nhỏ phía trên */
section.section.so-lieu .so-tu-dong::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin: 0 auto 10px;
  background: linear-gradient(
    90deg,
    rgba(255, 241, 207, 0),
    #EDE9DE,
    rgba(255, 241, 207, 0)
  );
}

/* vạch chia giữa các cột (trừ cột cuối) */
section.section.so-lieu .row > .col:not(:last-child) .so-tu-dong::after {
  content: "";
  position: absolute;
  right: 0;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: rgba(255, 241, 207, 0.25);
}

/* label */
section.section.so-lieu .so-tu-dong h3 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgb(237 233 222);
}

/* số */
section.section.so-lieu .so-tu-dong p {
  margin: 0;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.1;
  color: #EDE9DE;
}

/* giữ text center */
section.section.so-lieu #text-3812210996,
section.section.so-lieu #text-702550789,
section.section.so-lieu #text-1403232880 {
  text-align: center !important;
}

/* mobile không cần vạch dọc */
@media (max-width: 767px) {
  section.section.so-lieu .row > .col:not(:last-child) .so-tu-dong::after {
    display: none;
  }
}

/* =========================================
   THƯƠNG HIỆU – chỉnh theo yêu cầu
   ========================================= */

/* Box: tăng chiều cao + bỏ radius */
section.section.thuong-hieu .box.box-default{
  position: relative;
  border-radius: 0;                 /* ❌ bỏ bo góc */
  overflow: hidden;
}

/* Ảnh: tăng chiều cao */
section.section.thuong-hieu .box.box-default .box-image img{
  height: 220px;                    /* 🔼 tăng chiều cao box (có thể 240px) */
  object-fit: cover;
}

/* Overlay tối trên ảnh */
section.section.thuong-hieu .box.box-default .box-image::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.15),
    rgba(0,0,0,0.65)
  );
}

/* Text overlay */
section.section.thuong-hieu .box.box-default .box-text{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;            /* ⬇ đẩy text xuống đáy */
  justify-content: center;
  padding-bottom: 22px;             /* 📍 khoảng cách so với đáy */
  pointer-events: none;
}

/* Text */
section.section.thuong-hieu .box.box-default .box-text-inner{
  padding: 0 16px;
  text-align: center;
}

section.section.thuong-hieu .box.box-default p{
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}

.product-thumbnails a {
    border: 0px solid transparent;
    display: block;
    overflow: hidden;
    transform: translateY(0);
}
/* =========================================
   4 TRỤ CỘT – hiển thị giống ảnh mẫu
   ========================================= */

section.section.tru-cot{
  padding-top: 70px !important;
  padding-bottom: 80px !important;
  color: #EDE9DE;
}

/* Heading giữ nguyên */
section.section.tru-cot h2{
  color: #EDE9DE;
  font-size: 24px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 35px;
}

/* Card */
section.section.tru-cot .box.box-overlay{
  position: relative;
  border-radius: 0 !important;                 
  overflow: hidden;
  background: transparent;
  border: 2px solid #8b1e1f;                   
}

/* Chiều cao card đồng đều */
section.section.tru-cot .box.box-overlay .box-image{
  position: relative;
  height: 400px;                              
}

/* Ảnh full */
section.section.tru-cot .box.box-overlay img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;                              
  transition: transform .7s ease, filter .7s ease;
}

.tru-cot h2::after{
content: "";
    display: block;
    width: 210px;
    height: 4px;
    border-radius: 999px;
   background: linear-gradient(90deg, transparent, #EDE9DE, transparent);
    margin: 10px auto;
}
section.section.tru-cot .box.box-overlay .overlay,
section.section.tru-cot .box.box-overlay .box-image::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(0,0,0,0.05),
    rgba(0,0,0,0.60)
  );
  pointer-events: none;
}

/* Hover */
section.section.tru-cot .box.box-overlay:hover img{
  transform: scale(1.06);
  filter: brightness(0.98) contrast(1.06);
}

/* Text nằm sát bottom-left */
section.section.tru-cot .box.box-overlay .box-text{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;                       
  justify-content: flex-start;                
  padding: 0 14px 14px;                         
  pointer-events: auto;
}

section.section.tru-cot .box.box-overlay .box-text-inner{
  padding: 0 !important;
    margin-left: 0;
}
.nut-bam {
    margin-top: 0 !important;
    color: #fff !important;
    font-weight: 100 !important;
    margin: 0;
	font-size: 12px;
}
.nut-bam:before {
	display:none;
}
section.section.tru-cot .box.box-overlay h4{
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-transform: none;                         /* giống ảnh: chữ thường/đúng câu */
  color: #EDE9DE;
  font-weight: 600;
  text-shadow: 0 2px 10px rgba(0,0,0,0.45);
}

/* Mobile */
@media (max-width: 849px){
  section.section.tru-cot .box.box-overlay .box-image{
    height: 220px;
  }
  section.section.tru-cot .box.box-overlay{
    margin-bottom: 18px;
  }
}
/* Ẩn nội dung mô tả trong card */
section.section.tru-cot .box-4-tru-cot{
  display:none !important;
}

/* Lightbox */
.lumibath-lightbox{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

.lumibath-lightbox.is-open{
  display:block;
}

.lumibath-lightbox__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}

.lumibath-lightbox__modal{
  position: relative;
  width: min(720px, calc(100vw - 32px));
  margin: 6vh auto 0;
  background: #EDE9DE;
  padding: 26px 26px 22px;
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  border: 1px solid rgba(0,0,0,.08);
}

@media (max-width: 480px){
  .lumibath-lightbox__modal{ padding: 18px 16px 16px; margin-top: 4vh; }
}

.lumibath-lightbox__close{
  position:absolute;
  top: 10px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 40px;
  cursor: pointer;
  color: rgba(0,0,0,.65);
}
.lumibath-lightbox__close:hover{ color: rgba(0,0,0,.9); }

.lumibath-lightbox__title{
  margin: 0;
  font-size: 18px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #3b2a21;
}

.lumibath-lightbox__underline{
  width: 68px;
  height: 3px;
  background: rgba(174,40,44,.9);
  margin: 10px 0 14px;
}

.lumibath-lightbox__content{
  font-size: 15px;
  line-height: 1.7;
  color: rgba(0,0,0,.72);
}
.lumibath-lightbox__content p{ margin: 0 0 10px; }
.lumibath-lightbox__content p:last-child{ margin-bottom: 0; }
 .slider-chung-chi .flickity-viewport {
            height: auto !important;
            min-height: clamp(415px, 45vw, 415px) !important;
            transition: height .3s ease;
        }

        .slider-chung-chi img {
            display: block;
            width: 100%;
            height: auto;
        }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#col-410282749 > .col-inner {
    margin: 0px 0px 0px 0px;
}
.slider-chung-chi .flickity-viewport {
            height: auto !important;
            min-height: clamp(517px, 45vw, 415px) !important;
            transition: height .3s ease;
        }

#col-1114974191 > .col-inner {
    margin: -130px 0px 0px 0px;
}

section.section.tai-sao {
    padding-top: 15px !important;
    padding-bottom: 50px !important;
    background-color: #EDE9DE;
}

.nav.nav-divided.nav-normal.nav-size-normal.nav-center[role="tablist"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .nav.nav-divided.nav-normal.nav-size-normal.nav-center[role="tablist"] .tab {
    width: calc(50% - 4px);
    margin: 0;
  }

  .nav.nav-divided.nav-normal.nav-size-normal.nav-center[role="tablist"] .tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 10px;
    text-align: center;
    white-space: normal;
    line-height: 1.3;
  }

}

/* ========== INLINE UX BUILDER STYLES ========== */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


@font-face {
	font-family: 'FTV';
	font-style: normal;
	font-weight: 400;
	src: url('https://lumibath.vn/wp-content/uploads/2026/01/1FTV-VIP-Foresta-Monesta-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 100;
	src: url('https://lumibath.vn/wp-content/uploads/2025/12/SVN-Gotham-Thin.otf') format('OpenType');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	src: url('https://lumibath.vn/wp-content/uploads/2025/12/SVN-Gotham-Light.otf') format('OpenType');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	src: url('https://lumibath.vn/wp-content/uploads/2025/12/SVN-Gotham-Regular.otf') format('OpenType');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 700;
	src: url('https://lumibath.vn/wp-content/uploads/2025/12/SVN-Gotham-Bold.otf') format('OpenType');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 800;
	src: url('https://lumibath.vn/wp-content/uploads/2025/12/SVN-Gotham-Black.otf') format('OpenType');
}
/*# sourceURL=cf-frontend-style-inline-css */


:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #ae282c;--wp--preset--color--secondary: #f0ebe2;--wp--preset--color--success: #627D47;--wp--preset--color--alert: #b20000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */


.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */



        .bw-fc{margin:6px 0;}
        .bw-fc__head{display:flex;gap:10px;align-items:center;margin-bottom:10px;}
        .bw-fc__label{font-weight:700;}
        .bw-loop-expert-summary{font-size:.9em;line-height:1.35;opacity:.75;margin-top:4px;}
        .bw-fc__current{font-weight:500;opacity:.9;}

        .bw-fc__swatches{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
        .bw-fc__sw{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-sizing:border-box;border:1px solid rgba(0,0,0,.08);background:#f2f2f2;padding:0;cursor:pointer}
        .bw-fc__sw img{width:100%;height:100%;object-fit:cover;display:block}

        /* ✅ remove red outline/focus border on click */
        button.bw-fc__sw, a.bw-fc__sw{outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
        button.bw-fc__sw:focus, button.bw-fc__sw:focus-visible,
        a.bw-fc__sw:focus, a.bw-fc__sw:focus-visible{outline:none;box-shadow:none}

        /* variants */
        .bw-fc--bar .bw-fc__sw{border-radius:0}
        .bw-fc--dots .bw-fc__head{display:none}

        /* non-interactive (loop) */
        .bw-fc.is-static .bw-fc__sw{cursor:default;pointer-events:none}

        /* plus bubble */
        .bw-fc__sw--more{background:transparent}
        .bw-fc__plus{font-weight:700;line-height:1;font-size:12px;opacity:.9}
        
/*# sourceURL=bw-finish-color-inline-css */


@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://lumibath.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.20.8);
				src:
					url(https://lumibath.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.20.8) format("embedded-opentype"),
					url(https://lumibath.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.20.8) format("woff2"),
					url(https://lumibath.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.20.8) format("truetype"),
					url(https://lumibath.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.20.8) format("woff"),
					url(https://lumibath.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.20.8#fl-icons) format("svg");
			}
/*# sourceURL=flatsome-main-inline-css */

.woocommerce-product-gallery{ opacity: 1 !important; }
:root {--primary-color: #ae282c;--fs-color-primary: #ae282c;--fs-color-secondary: #f0ebe2;--fs-color-success: #627D47;--fs-color-alert: #b20000;--fs-color-base: #000000;--fs-experimental-link-color: #ae282c;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.off-canvas .mfp-content.off-canvas-cart {--drawer-width: 360px;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1270px}.row.row-collapse{max-width: 1240px}.row.row-small{max-width: 1262.5px}.row.row-large{max-width: 1300px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #ffffff}.header-main{height: 100px}#logo img{max-height: 100px}#logo{width:123px;}.header-bottom{min-height: 55px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: #ede9de}.header-bottom {background-color: #f1f1f1}.header-main .nav > li > a{line-height: 48px }.stuck .header-main .nav > li > a{line-height: 50px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.main-menu-overlay{background-color: #ffffff}.nav-dropdown{font-size:100%}h1,h2,h3,h4,h5,h6,.heading-font{color: #af1016;}.nav > li > a, .links > li > a{text-transform: none;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #ae282c;}.shop-page-title.featured-title .title-overlay{background-color: rgba(28,15,2,0.35);}.shop-page-title.featured-title .title-bg{background-image: url(/wp-content/uploads/lumibath/section.jpg);}@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 247px!important;width: 247px!important;}}.footer-1{background-color: #400909}.footer-2{background-color: #400909}.absolute-footer, html{background-color: #af1016}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */.product-small .box-text h2 {font-size: 1.05em!important;line-height: 22px;font-weight: 500;}.nav-spacing-large>li {margin: 0 10px;}.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {background-color: #af1016;}.nav-dropdown {background-color: #ffffffa1;}.giay-chung-nhan img{cursor: zoom-in;}table {width: 100%;max-width: 100%;border-collapse: collapse;table-layout: auto;background: #fff;}table th,table td {padding: 12px 14px;border: 1px solid #d9d9d9;vertical-align: top;text-align: left;box-sizing: border-box;white-space: normal;word-break: normal;overflow-wrap: break-word;word-wrap: break-word;}table p {margin: 0 0 12px;}table p:last-child {margin-bottom: 0;}table a {white-space: normal;word-break: break-word;overflow-wrap: break-word;word-wrap: break-word;}@media (max-width: 767px) {table {font-size: 15px !important;line-height: 1.6 !important;}table th,table td {font-size: 15px !important;line-height: 1.6 !important;padding: 12px !important;}table.is-mobile-card,table.is-mobile-card tbody,table.is-mobile-card tr,table.is-mobile-card th,table.is-mobile-card td {display: block !important;width: 100% !important;max-width: 100% !important;border: none;}/* Giữ dòng title riêng, chỉ ẩn hàng header cột */table.is-mobile-card tr.table-real-header-row {display: none !important;}table.is-mobile-card tr {margin-bottom: 16px !important;border: 1px solid #ddd !important;border-radius: 10px !important;overflow: hidden !important;background: #fff !important;}/* Dòng title riêng của bảng */table.is-mobile-card tr.table-merged-title-row {margin-bottom: 12px !important;border: 1px solid #ddd !important;border-radius: 10px !important;background: #f8f8f8 !important;}table.is-mobile-card tr.table-merged-title-row td,table.is-mobile-card tr.table-merged-title-row th {border: 0 !important;padding: 12px !important;text-align: center !important;font-weight: 700 !important;}table.is-mobile-card tr.table-merged-title-row td::before,table.is-mobile-card tr.table-merged-title-row th::before {display: none !important;content: none !important;}table.is-mobile-card td {border: 0 !important;border-bottom: 1px solid #eee !important;padding: 12px !important;}table.is-mobile-card td:last-child {border-bottom: 0 !important;}table.is-mobile-card td::before {content: attr(data-label);display: block !important;margin: 0 0 6px !important;font-size: 12px !important;line-height: 1.4 !important;font-weight: 700 !important;color: #444 !important;text-transform: uppercase !important;}table.is-mobile-card td[data-label=""]::before,table.is-mobile-card td:not([data-label])::before {display: none !important;content: none !important;}table:not(.is-mobile-card) {display: table !important;}table:not(.is-mobile-card) tbody {display: table-row-group !important;}table:not(.is-mobile-card) tr {display: table-row !important;}table:not(.is-mobile-card) td,table:not(.is-mobile-card) th {display: table-cell !important;}}.entry-content.single-page p{padding: 0!important;}}/* Tô đậm menu cấp 1 của sub-menu (Phòng tắm kính Lumi Bath, Bộ sưu tập...) */.nav-sidebar .sub-menu > li > a {font-weight: 700 !important;text-transform: uppercase;font-size: .8em;color: #fff !important;}/* Chữ thường cho các mục con cấp sâu hơn */.nav-sidebar .sub-menu .sub-menu > li > a {font-weight: 700 !important;text-transform: uppercase;}.nav-sidebar .sub-menu .sub-menu .sub-menu > li > a {font-weight: 400 !important;text-transform: none !important;}/* Custom CSS Tablet */@media (max-width: 849px){.tai-sao p {font-size: 16px;padding-left: 11px;}}/* Custom CSS Mobile */@media (max-width: 549px){.bao-hanh {padding: 10px 30px;width: 100%;text-align: center;margin: auto;font-size: 10px;margin-top: 10px;border-radius: 25px;}.tai-sao p {font-size: 16px;padding-left: 3px;}.text-dang-ky-form span {font-size: 110%;}.step-reg h3 {font-size: 19px;color: #bfbd59;}.logo-doi-tac img {height: 45px;width: auto;}.logo-doi-tac h2 {font-size:10px;}.khach-hang .icon-box-text {font-size: 14px;}.tieu-chuan .icon-box-img img { height: 70px!important;}.tieu-chuan .icon-box-text {min-height: 100px;font-size: 12px;padding: 8px;}.tieu-chuan .icon-box .icon-box-img {width: auto!important;text-align: center;}}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}


#col-374028099 > .col-inner {
  padding: 15px 0px 0px 0px;
}


#col-1993148148 > .col-inner {
  padding: 15px 0px 0px 0px;
}


#col-1484418500 > .col-inner {
  padding: 15px 0px 0px 0px;
}


#col-1218668437 > .col-inner {
  padding: 15px 0px 0px 0px;
}


#section_1559420969 {
  padding-top: 30px;
  padding-bottom: 30px;
}


#banner-725969574 {
  padding-top: 56.25%;
}
@media (min-width:550px) {
  #banner-725969574 {
    padding-top: 56.25%;
  }
}
@media (min-width:850px) {
  #banner-725969574 {
    padding-top: 56.25%;
  }
}


#section_1851113396 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}


#image_397542974 {
  width: 100%;
}


#image_2015753066 {
  width: 100%;
}


#section_684743737 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}


#text-3236053880 {
  color: #ae282c;
}
#text-3236053880 > * {
  color: #ae282c;
}


#text-box-370962807 {
  width: 73%;
}
#text-box-370962807 .text-box-content {
  font-size: 140%;
}


#banner-533713360 {
  padding-top: 500px;
  background-color: rgb(237, 233, 222);
}


#text-3763073266 {
  color: rgb(255,255,255);
}
#text-3763073266 > * {
  color: rgb(255,255,255);
}


#text-box-1188533095 {
  width: 73%;
}
#text-box-1188533095 .text-box-content {
  font-size: 140%;
}


#banner-1075054346 {
  padding-top: 56.25%;
}
#banner-1075054346 .overlay {
  background-color: rgba(0,0,0,.5);
}


#text-box-245355213 {
  width: 73%;
}
#text-box-245355213 .text-box-content {
  font-size: 140%;
}


#banner-276695035 {
  padding-top: 500px;
}
#banner-276695035 .overlay {
  background-color: rgba(0,0,0,.5);
}


#text-1036637302 {
  color: rgb(255,255,255);
}
#text-1036637302 > * {
  color: rgb(255,255,255);
}


#text-box-1414886491 {
  width: 73%;
}
#text-box-1414886491 .text-box-content {
  font-size: 140%;
}


#banner-1104642655 {
  padding-top: 500px;
}
#banner-1104642655 .overlay {
  background-color: rgb(0, 0, 0);
}


#text-3251901778 {
  color: #ae282c;
}
#text-3251901778 > * {
  color: #ae282c;
}


#text-box-879810421 {
  width: 73%;
}
#text-box-879810421 .text-box-content {
  font-size: 140%;
}


#banner-556977926 {
  padding-top: 500px;
  background-color: rgb(237, 233, 222);
}


    #banner-grid-1860085785 .grid-col-1{height: 500px}
    #banner-grid-1860085785 .grid-col-1-2{height: 250px}
    #banner-grid-1860085785 .grid-col-1-3{height:166.66666666667px}
    #banner-grid-1860085785 .grid-col-2-3{height: 333.33333333333px}
    #banner-grid-1860085785 .grid-col-1-4{height: 125px}
    #banner-grid-1860085785 .grid-col-3-4{height: 375px}


    
    

  

#section_1266163798 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(255, 255, 255);
}


#col-1281817539 > .col-inner {
  margin: 0px 0px -10px 0px;
}


#col-1122425581 > .col-inner {
  margin: 0px 0px -10px 0px;
}


#col-1901106780 > .col-inner {
  margin: 0px 0px -10px 0px;
}


#section_865618513 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ae282c;
}


#image_1536813673 {
  width: 100%;
}


#image_1647778368 {
  width: 100%;
}


#image_695804471 {
  width: 100%;
}


#image_2111333655 {
  width: 100%;
}


#image_1601472927 {
  width: 100%;
}


#section_254041455 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}


#text-3760405184 {
  text-align: center;
}


#image_79956887 {
  width: 100%;
}


#image_563155540 {
  width: 100%;
}


#image_2087104113 {
  width: 100%;
}


#image_817633717 {
  width: 100%;
}


#image_1585944702 {
  width: 100%;
}


#image_1472517159 {
  width: 100%;
}


#image_82130083 {
  width: 100%;
}


#section_783095815 {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: rgb(237, 233, 222);
}


#text-4261630480 {
  font-size: 0.75rem;
}


#text-box-1166934473 {
  width: 88%;
}
#text-box-1166934473 .text-box-content {
  font-size: 95%;
}
@media (min-width:550px) {
  #text-box-1166934473 {
    width: 39%;
  }
  #text-box-1166934473 .text-box-content {
    font-size: 100%;
  }
}
@media (min-width:850px) {
  #text-box-1166934473 {
    width: 27%;
  }
}


#banner-633103454 {
  padding-top: 56.25%;
}
#banner-633103454 .overlay {
  background-color: rgba(0, 0, 0, 0.285);
}
@media (min-width:550px) {
  #banner-633103454 {
    padding-top: 56.25%;
  }
}
@media (min-width:850px) {
  #banner-633103454 {
    padding-top: 56.25%;
  }
}


#section_2041598271 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}


#text-2646569917 {
  color: rgb(255, 255, 255);
}
#text-2646569917 > * {
  color: rgb(255, 255, 255);
}


#section_1842875165 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ae282c;
}


#image_1372004566 {
  width: 100%;
}


#col-1090217332 > .col-inner {
  margin: -15px 0px -20px 0px;
}


#text-4190807933 {
  font-size: 1rem;
}


#col-1032307335 > .col-inner {
  margin: 0px 0px -20px 0px;
}


#text-2444387254 {
  font-size: 1rem;
}


#col-136752279 > .col-inner {
  margin: 0px 0px -20px 0px;
}


#text-1364247934 {
  font-size: 1rem;
}


#text-4126465849 {
  font-size: 0.8rem;
}


#col-877062058 > .col-inner {
  margin: 0px 0px -20px 0px;
}


#col-1673812378 > .col-inner {
  margin: 0px 0px -40px 0px;
}


#text-724210387 {
  font-size: 0.75rem;
}


#text-865087376 {
  font-size: 1rem;
  text-align: left;
}
@media (min-width:550px) {
  #text-865087376 {
    font-size: 1rem;
    text-align: center;
  }
}
@media (min-width:850px) {
  #text-865087376 {
    font-size: 0.75rem;
  }
}


#col-546218165 > .col-inner {
  margin: 0px 0px -26px 0px;
}


#col-130020767 > .col-inner {
  margin: -22px 0px -30px 0px;
}
@media (min-width:550px) {
  #col-130020767 > .col-inner {
    margin: 0px 0px -32px 0px;
  }
}


#text-2864741201 {
  font-size: 1rem;
  text-align: left;
}
@media (min-width:550px) {
  #text-2864741201 {
    font-size: 0.75rem;
  }
}


#col-461921762 > .col-inner {
  margin: 0px 0px -26px 0px;
}


#col-2083607834 > .col-inner {
  margin: -22px 0px -30px 0px;
}


#col-326136680 > .col-inner {
  margin: 0px 0px -97px 0px;
}


#col-1814188290 > .col-inner {
  margin: 0px 0px -40px 0px;
}


#section_1724317272 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(237, 233, 222);
}


/* ========== ALL INLINE LAYOUT STYLES ========== */
#image_1372004566 {
  width: 100%;
}
#col-1090217332 > .col-inner {
  margin: -15px 0px -20px 0px;
}
#text-4190807933 {
  font-size: 1rem;
}
#col-1032307335 > .col-inner {
  margin: 0px 0px -20px 0px;
}
#text-2444387254 {
  font-size: 1rem;
}
#col-136752279 > .col-inner {
  margin: 0px 0px -20px 0px;
}
#text-1364247934 {
  font-size: 1rem;
}
#text-4126465849 {
  font-size: 0.8rem;
}
#col-877062058 > .col-inner {
  margin: 0px 0px -20px 0px;
}
#col-1673812378 > .col-inner {
  margin: 0px 0px -40px 0px;
}
#text-724210387 {
  font-size: 0.75rem;
}
#text-865087376 {
  font-size: 1rem;
  text-align: left;
}
@media (min-width:550px) {
  #text-865087376 {
    font-size: 1rem;
    text-align: center;
  }
}
@media (min-width:850px) {
  #text-865087376 {
    font-size: 0.75rem;
  }
}
#col-546218165 > .col-inner {
  margin: 0px 0px -26px 0px;
}
#col-130020767 > .col-inner {
  margin: -22px 0px -30px 0px;
}
@media (min-width:550px) {
  #col-130020767 > .col-inner {
    margin: 0px 0px -32px 0px;
  }
}
#text-2864741201 {
  font-size: 1rem;
  text-align: left;
}
@media (min-width:550px) {
  #text-2864741201 {
    font-size: 0.75rem;
  }
}
#col-461921762 > .col-inner {
  margin: 0px 0px -26px 0px;
}
#col-2083607834 > .col-inner {
  margin: -22px 0px -30px 0px;
}
#col-326136680 > .col-inner {
  margin: 0px 0px -97px 0px;
}
#col-1814188290 > .col-inner {
  margin: 0px 0px -40px 0px;
}
#section_1724317272 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(237, 233, 222);
}
#col-374028099 > .col-inner {
  padding: 15px 0px 0px 0px;
}
#col-1993148148 > .col-inner {
  padding: 15px 0px 0px 0px;
}
#col-1484418500 > .col-inner {
  padding: 15px 0px 0px 0px;
}
#col-1218668437 > .col-inner {
  padding: 15px 0px 0px 0px;
}
#section_1559420969 {
  padding-top: 30px;
  padding-bottom: 30px;
}
/* Lumi Bath Topbar & Header Custom Styling */
.top-bar {
    background-color: #0f172a !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
}
.top-bar a {
    color: #cbd5e1 !important;
}
.header-main {
    background-color: #0f172a !important;
}
.header-nav li a {
    color: #f8fafc !important;
    font-weight: 600 !important;
}
.header-nav li a:hover {
    color: #c29d59 !important;
}
.lumibath-hotline-badge {
    background: #c29d59;
    color: #fff !important;
    padding: 6px 14px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.lumibath-hotline-badge:hover {
    background: #d4af37;
}

/* Fix Tabbed Content Lumi Bath */
.tabbed-content .tab-panels {
    padding-top: 25px;
}
.tabbed-content .panel {
    display: none;
}
.tabbed-content .panel.active {
    display: block !important;
}
.tabbed-content .nav-tabs li.active a {
    border-bottom: 2px solid #c29d59 !important;
    color: #c29d59 !important;
    font-weight: 700 !important;
}

/* Fix Images */
img {
    max-width: 100%;
    height: auto;
}
.img-inner img {
    display: block;
    width: 100%;
}

/* ==================== UX BUILDER EXTRACTED CSS ==================== */

/* UX Builder Section Style */
#banner-725969574 {
  padding-top: 56.25%;
}
@media (min-width:550px) {
  #banner-725969574 {
    padding-top: 56.25%;
  }
}
@media (min-width:850px) {
  #banner-725969574 {
    padding-top: 56.25%;
  }
}

/* UX Builder Section Style */
#section_1851113396 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#image_397542974 {
  width: 100%;
}

/* UX Builder Section Style */
#image_2015753066 {
  width: 100%;
}

/* UX Builder Section Style */
#section_684743737 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#text-3236053880 {
  color: #ae282c;
}
#text-3236053880 > * {
  color: #ae282c;
}

/* UX Builder Section Style */
#text-box-370962807 {
  width: 73%;
}
#text-box-370962807 .text-box-content {
  font-size: 140%;
}

/* UX Builder Section Style */
#banner-533713360 {
  padding-top: 500px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#text-3763073266 {
  color: rgb(255,255,255);
}
#text-3763073266 > * {
  color: rgb(255,255,255);
}

/* UX Builder Section Style */
#text-box-1188533095 {
  width: 73%;
}
#text-box-1188533095 .text-box-content {
  font-size: 140%;
}

/* UX Builder Section Style */
#banner-1075054346 {
  padding-top: 56.25%;
}
#banner-1075054346 .overlay {
  background-color: rgba(0,0,0,.5);
}

/* UX Builder Section Style */
#text-box-245355213 {
  width: 73%;
}
#text-box-245355213 .text-box-content {
  font-size: 140%;
}

/* UX Builder Section Style */
#banner-276695035 {
  padding-top: 500px;
}
#banner-276695035 .overlay {
  background-color: rgba(0,0,0,.5);
}

/* UX Builder Section Style */
#text-1036637302 {
  color: rgb(255,255,255);
}
#text-1036637302 > * {
  color: rgb(255,255,255);
}

/* UX Builder Section Style */
#text-box-1414886491 {
  width: 73%;
}
#text-box-1414886491 .text-box-content {
  font-size: 140%;
}

/* UX Builder Section Style */
#banner-1104642655 {
  padding-top: 500px;
}
#banner-1104642655 .overlay {
  background-color: rgb(0, 0, 0);
}

/* UX Builder Section Style */
#text-3251901778 {
  color: #ae282c;
}
#text-3251901778 > * {
  color: #ae282c;
}

/* UX Builder Section Style */
#text-box-879810421 {
  width: 73%;
}
#text-box-879810421 .text-box-content {
  font-size: 140%;
}

/* UX Builder Section Style */
#banner-556977926 {
  padding-top: 500px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#banner-grid-1860085785 .grid-col-1{height: 500px}
    #banner-grid-1860085785 .grid-col-1-2{height: 250px}
    #banner-grid-1860085785 .grid-col-1-3{height:166.66666666667px}
    #banner-grid-1860085785 .grid-col-2-3{height: 333.33333333333px}
    #banner-grid-1860085785 .grid-col-1-4{height: 125px}
    #banner-grid-1860085785 .grid-col-3-4{height: 375px}

/* UX Builder Section Style */
#section_1266163798 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(255, 255, 255);
}

/* UX Builder Section Style */
#col-1281817539 > .col-inner {
  margin: 0px 0px -10px 0px;
}

/* UX Builder Section Style */
#col-1122425581 > .col-inner {
  margin: 0px 0px -10px 0px;
}

/* UX Builder Section Style */
#col-1901106780 > .col-inner {
  margin: 0px 0px -10px 0px;
}

/* UX Builder Section Style */
#section_865618513 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ae282c;
}

/* UX Builder Section Style */
#image_1536813673 {
  width: 100%;
}

/* UX Builder Section Style */
#image_1647778368 {
  width: 100%;
}

/* UX Builder Section Style */
#image_695804471 {
  width: 100%;
}

/* UX Builder Section Style */
#image_2111333655 {
  width: 100%;
}

/* UX Builder Section Style */
#image_1601472927 {
  width: 100%;
}

/* UX Builder Section Style */
#section_254041455 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#text-3760405184 {
  text-align: center;
}

/* UX Builder Section Style */
#image_79956887 {
  width: 100%;
}

/* UX Builder Section Style */
#image_563155540 {
  width: 100%;
}

/* UX Builder Section Style */
#image_2087104113 {
  width: 100%;
}

/* UX Builder Section Style */
#image_817633717 {
  width: 100%;
}

/* UX Builder Section Style */
#image_1585944702 {
  width: 100%;
}

/* UX Builder Section Style */
#image_1472517159 {
  width: 100%;
}

/* UX Builder Section Style */
#image_82130083 {
  width: 100%;
}

/* UX Builder Section Style */
#section_783095815 {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#text-4261630480 {
  font-size: 0.75rem;
}

/* UX Builder Section Style */
#text-box-1166934473 {
  width: 88%;
}
#text-box-1166934473 .text-box-content {
  font-size: 95%;
}
@media (min-width:550px) {
  #text-box-1166934473 {
    width: 39%;
  }
  #text-box-1166934473 .text-box-content {
    font-size: 100%;
  }
}
@media (min-width:850px) {
  #text-box-1166934473 {
    width: 27%;
  }
}

/* UX Builder Section Style */
#banner-633103454 {
  padding-top: 56.25%;
}
#banner-633103454 .overlay {
  background-color: rgba(0, 0, 0, 0.285);
}
@media (min-width:550px) {
  #banner-633103454 {
    padding-top: 56.25%;
  }
}
@media (min-width:850px) {
  #banner-633103454 {
    padding-top: 56.25%;
  }
}

/* UX Builder Section Style */
#section_2041598271 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}

/* UX Builder Section Style */
#text-2646569917 {
  color: rgb(255, 255, 255);
}
#text-2646569917 > * {
  color: rgb(255, 255, 255);
}

/* UX Builder Section Style */
#section_1842875165 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ae282c;
}

/* Header Hotline Button */
.header-nav .header-button > a {
  background-color: #af1016 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  margin-left: 10px !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}
.header-nav .header-button > a:hover {
  background-color: #8c0c11 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(175, 16, 22, 0.35) !important;
}



/* ==================== CRITICAL IMAGE & LOGO FIXES ==================== */

/* 1. Fix Flatsome Double Logo */
#logo a img ~ img {
    display: none !important;
}
#logo a img:first-child {
    display: inline-block !important;
    max-height: 52px !important;
    width: auto !important;
}

/* 2. Fix All Regular Images in .img-inner */
.img-inner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Fix Image Cover (16:9 boxes in collections) */
.image-cover,
.img-inner.image-cover {
    position: relative !important;
    overflow: hidden !important;
}

.image-cover img,
.img-inner.image-cover img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 4. Fix Slider Cells and Images */
.slider .flickity-slider > * {
    opacity: 1 !important;
    visibility: visible !important;
}

.slider img {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ==================== SUBPAGES EXTRACTED STYLES ==================== */

/* Style for ve-lumibath */
#banner-1401938248 {
  padding-top: 56.25%;
}
#banner-1401938248 .overlay {
  background-color: rgba(0,0,0,.5);
}
@media (min-width:550px) {
  #banner-1401938248 {
    padding-top: 56.25%;
  }
}
@media (min-width:850px) {
  #banner-1401938248 {
    padding-top: 100%;
  }
}

/* Style for ve-lumibath */
#text-1221385180 {
  text-align: center;
}

/* Style for ve-lumibath */
#gap-2069964745 {
  padding-top: 14px;
}

/* Style for ve-lumibath */
#image_950854061 {
  width: 100%;
}

/* Style for ve-lumibath */
#section_1125410205 {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: rgb(237, 233, 222);
}

/* Style for ve-lumibath */
#section_233602021 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(174, 40, 44);
}

/* Style for ve-lumibath */
#text-3957235420 {
  text-align: center;
}

/* Style for ve-lumibath */
#gap-2019574221 {
  padding-top: 14px;
}

/* Style for ve-lumibath */
#col-1917262463 > .col-inner {
  margin: 0px 0px -46px 0px;
}

/* Style for ve-lumibath */
#section_290099498 {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: rgb(237, 233, 222);
}

/* Style for ve-lumibath */
#text-2032097292 {
  text-align: center;
}

/* Style for ve-lumibath */
#text-2282824495 {
  text-align: center;
}

/* Style for ve-lumibath */
#gap-1391202624 {
  padding-top: 30px;
}

/* Style for ve-lumibath */
#section_2061701652 {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: rgb(237, 233, 222);
}

/* Style for ve-lumibath */
#gap-1595805872 {
  padding-top: 69px;
}

/* Style for ve-lumibath */
#image_1400378463 {
  width: 100%;
}

/* Style for ve-lumibath */
#text-4074032030 {
  text-align: left;
}

/* Style for ve-lumibath */
#col-1928337612 > .col-inner {
  padding: 0px 0px 0px 0px;
}

/* Style for ve-lumibath */
#col-1784776077 > .col-inner {
  padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-1784776077 > .col-inner {
    padding: 60px 0px 0px 0px;
  }
}

/* Style for ve-lumibath */
#image_1788103971 {
  width: 100%;
}

/* Style for ve-lumibath */
#text-2652370565 {
  text-align: left;
}

/* Style for ve-lumibath */
#col-1890215554 > .col-inner {
  padding: 0px 0px 0px 0px;
}

/* Style for ve-lumibath */
#col-1303922499 > .col-inner {
  padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-1303922499 > .col-inner {
    padding: 60px 0px 0px 0px;
  }
}

/* Style for ve-lumibath */
#image_27671494 {
  width: 100%;
}

/* Style for ve-lumibath */
#text-691967693 {
  text-align: left;
}

/* Style for ve-lumibath */
#col-1359708894 > .col-inner {
  padding: 0px 0px 0px 0px;
}

/* Style for ve-lumibath */
#col-1386798729 > .col-inner {
  padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-1386798729 > .col-inner {
    padding: 60px 0px 0px 0px;
  }
}

/* Style for ve-lumibath */
#image_607379536 {
  width: 100%;
}

/* Style for ve-lumibath */
#text-4182597626 {
  text-align: left;
}

/* Style for ve-lumibath */
#col-1389883891 > .col-inner {
  padding: 0px 0px 0px 0px;
}

/* Style for ve-lumibath */
#col-1326732175 > .col-inner {
  padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-1326732175 > .col-inner {
    padding: 60px 0px 0px 0px;
  }
}

/* Style for ve-lumibath */
#image_1377115262 {
  width: 100%;
}

/* Style for ve-lumibath */
#text-3914053144 {
  text-align: left;
}

/* Style for ve-lumibath */
#col-805116139 > .col-inner {
  padding: 0px 0px 0px 0px;
}

/* Style for ve-lumibath */
#col-374923602 > .col-inner {
  padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-374923602 > .col-inner {
    padding: 60px 0px 0px 0px;
  }
}

/* Style for ve-lumibath */
#col-1456112125 > .col-inner {
  margin: 0px 0px -72px 0px;
}

/* Style for ve-lumibath */
#section_1041119819 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ae282c;
}

/* Style for bo-suu-tap */
#image_1999206696 {
  width: 100%;
}

/* Style for bo-suu-tap */
#section_477837453 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(237, 233, 222);
}

/* Style for bo-suu-tap */
#section_1315107653 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgb(237, 233, 222);
}

/* Style for bo-suu-tap */
#section_1134996675 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ae282c;
}

/* Style for he-thong-showroom */
#text-252614255 {
  text-align: center;
  color: rgb(237, 233, 222);
}
#text-252614255 > * {
  color: rgb(237, 233, 222);
}

/* Style for he-thong-showroom */
#section_1230720112 {
  padding-top: 71px;
  padding-bottom: 71px;
  background-color: #ae282c;
}
#section_1230720112 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.517);
}

/* Style for he-thong-showroom */
#section_1135403334 {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* Style for dang-ky-nhan-tu-van */
#text-2679042848 {
  color: #ede9de;
}
#text-2679042848 > * {
  color: #ede9de;
}

/* Style for dang-ky-nhan-tu-van */
#col-1605040653 > .col-inner {
  margin: 0px 0px -30px 0px;
}

/* Style for dang-ky-nhan-tu-van */
#section_493141991 {
  padding-top: 82px;
  padding-bottom: 82px;
}
#section_493141991 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.57);
}

/* Style for dang-ky-nhan-tu-van */
#col-697140933 > .col-inner {
  margin: 0px 0px -60px 0px;
}

/* Style for dang-ky-nhan-tu-van */
#section_1394063231 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ede9de;
}

/* Style for dang-ky-nhan-tu-van */
#gap-1563172124 {
  padding-top: 30px;
}

/* Style for dang-ky-nhan-tu-van */
#col-1832820325 > .col-inner {
  margin: 0px 0px -80px 0px;
}

/* Style for dang-ky-nhan-tu-van */
#section_1454070939 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ede9de;
}

/* Style for dang-ky-nhan-tu-van */
#gap-1513744704 {
  padding-top: 30px;
}

/* Style for dang-ky-nhan-tu-van */
#col-1870411947 > .col-inner {
  margin: 0px 0px -80px 0px;
}

/* Style for dang-ky-nhan-tu-van */
#section_378560492 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ede9de;
}

/* Style for dang-ky-nhan-tu-van */
#section_255529823 {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* Style for tieu-chuan-chat-luong */
#text-4286712928 { text-align:center; color:#EDE9DE; }
              #text-4286712928 > * { color:#EDE9DE; }

              /* Breadcrumb */
              #text-4286712928 .breadcrumbs{
                display:inline-block;
                margin-top: 6px;
                font-size: 14px;
                opacity: .95;
              }
              #text-4286712928 .breadcrumbs a{
                color:#EDE9DE;
                text-decoration:none;
              }
              #text-4286712928 .breadcrumbs a:hover{
                text-decoration:underline;
              }

              /* Yoast thường bọc #breadcrumbs hoặc p#breadcrumbs */
              #text-4286712928 #breadcrumbs,
              #text-4286712928 p#breadcrumbs{
                margin: 0;
              }

              /* Date */
              #text-4286712928 .post-meta-date{
                margin-top: 8px;
                font-size: 14px;
                opacity: .9;
                letter-spacing: .2px;
              }

/* Style for tieu-chuan-chat-luong */
#section_1731495668{
      padding-top:100px;
      padding-bottom:45px;
      position:relative;
      overflow:hidden;
	  background-color: #bd181e;
    }
    #section_1731495668 .section-bg.fill{
      position:absolute;
      inset:0;
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      z-index:0;
      transform:scale(1.02);
    }
    #section_1731495668 .section-overlay{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.55);
      z-index:1;
    }
    #section_1731495668 .section-content{
      position:relative;
      z-index:2;
    }
	.bw-featured-news { margin: 24px 0; }
.bw-featured-news__title { font-size: 24px; letter-spacing: 1px; margin: 0 0 16px; }

.bw-featured-news__grid{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 5px;
}

.bw-featured-news__item{
  position: relative;
  overflow: hidden;
  background: #111;
  min-height: 220px;
}

.bw-featured-news__item.is-main{ min-height: 420px; grid-row: span 2; }

.bw-featured-news__link{ display:block; height:100%; color:#fff; text-decoration:none; }
.bw-featured-news__thumb{
  position:absolute; inset:0;
  background-size: cover; background-position: center;
  filter: brightness(.75);
}

.bw-featured-news__meta{
  position:absolute; left:0; right:0; bottom:0;
  padding: 18px;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.75) 100%);
}

.bw-featured-news__item-title{
  margin:0;
  font-weight: 700;
  line-height: 1.25;
  font-size: 18px;
      color: #fffefe;
}

.bw-featured-news__item.is-main .bw-featured-news__item-title{ font-size: 24px; }

.bw-featured-news__sub{ margin-top: 8px; font-size: 13px; opacity: .9;color: #fff; }
.bw-featured-news__dot{ margin: 0 6px; }

@media (max-width: 900px){
  .bw-featured-news__grid{ grid-template-columns: 1fr; }
  .bw-featured-news__item.is-main{ grid-row: auto; min-height: 320px; }
}