/* V96.2 - 6 skin giao diện bất động sản tinh chỉnh chuyên nghiệp hơn.
   default = giữ nguyên giao diện hiện tại.
   Các skin chỉ đổi giao diện bằng CSS, không đổi dữ liệu/chức năng. */

body.theme-luxury,
body.theme-urban,
body.theme-eco,
body.theme-warm,
body.theme-review,
body.theme-sales,
body.theme-classic{
    --skin-primary:#0b7f86;
    --skin-primary-2:#06636b;
    --skin-primary-3:#e8fbfa;
    --skin-accent:#d9a642;
    --skin-accent-2:#f4d27b;
    --skin-bg:#f4fbfb;
    --skin-bg-2:#ffffff;
    --skin-surface:#ffffff;
    --skin-soft:#eefafa;
    --skin-text:#102033;
    --skin-muted:#667085;
    --skin-heading:#0b3c45;
    --skin-footer-text:#ffffff;
    --skin-radius:18px;
    --skin-radius-lg:26px;
    --skin-shadow:0 16px 38px rgba(15,35,50,.10);
    --skin-shadow-soft:0 10px 26px rgba(15,35,50,.07);
    --skin-menu-bg:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2));
    --skin-menu-text:#ffffff;
    --skin-border:rgba(13,110,118,.16);
    --skin-footer-bg:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2));
    background:linear-gradient(180deg,var(--skin-bg),var(--skin-bg-2))!important;
    color:var(--skin-text)!important;
}

/* 1. Luxury: sang, sáng, không dùng nền đen */
body.theme-luxury{
    --skin-primary:#21466f;
    --skin-primary-2:#173456;
    --skin-primary-3:#eef4fb;
    --skin-accent:#caa35a;
    --skin-accent-2:#f2d994;
    --skin-bg:#fbf7ef;
    --skin-bg-2:#ffffff;
    --skin-surface:#fffdf8;
    --skin-soft:#f7efe1;
    --skin-text:#172033;
    --skin-heading:#173456;
    --skin-radius:14px;
    --skin-radius-lg:22px;
    --skin-shadow:0 18px 42px rgba(33,70,111,.13);
    --skin-menu-bg:linear-gradient(135deg,#21466f,#173456);
    --skin-border:rgba(202,163,90,.30);
    --skin-footer-bg:linear-gradient(135deg,#21466f,#173456 58%,#2d5b88);
}

/* 2. Urban: hiện đại, gọn, hợp chung cư */
body.theme-urban{
    --skin-primary:#1262a3;
    --skin-primary-2:#0a3f73;
    --skin-primary-3:#eaf5ff;
    --skin-accent:#23a6df;
    --skin-accent-2:#8fdcff;
    --skin-bg:#f3f8fd;
    --skin-surface:#ffffff;
    --skin-soft:#ecf6ff;
    --skin-text:#10243c;
    --skin-heading:#0a3f73;
    --skin-radius:10px;
    --skin-radius-lg:16px;
    --skin-shadow:0 12px 30px rgba(10,63,115,.11);
    --skin-menu-bg:linear-gradient(135deg,#1262a3,#0a3f73);
    --skin-border:rgba(18,98,163,.18);
    --skin-footer-bg:linear-gradient(135deg,#1262a3,#0a3f73);
}

/* 3. Eco: xanh sinh thái, hợp khu đô thị/thấp tầng */
body.theme-eco{
    --skin-primary:#0f8b7e;
    --skin-primary-2:#0a6f62;
    --skin-primary-3:#e8f8f3;
    --skin-accent:#d6a647;
    --skin-accent-2:#ffe08a;
    --skin-bg:#eef8f4;
    --skin-surface:#ffffff;
    --skin-soft:#e9f8ef;
    --skin-text:#12322e;
    --skin-heading:#0a6f62;
    --skin-radius:24px;
    --skin-radius-lg:34px;
    --skin-shadow:0 18px 42px rgba(5,99,87,.12);
    --skin-menu-bg:linear-gradient(135deg,#0f9588,#087063);
    --skin-border:rgba(15,139,126,.18);
    --skin-footer-bg:linear-gradient(135deg,#0f8b7e,#087063);
}

/* 4. Warm: be/cam đất, an cư gia đình */
body.theme-warm{
    --skin-primary:#a05a2d;
    --skin-primary-2:#7d421f;
    --skin-primary-3:#fff1e4;
    --skin-accent:#e39b47;
    --skin-accent-2:#ffd08b;
    --skin-bg:#fff7ef;
    --skin-bg-2:#fffdf8;
    --skin-surface:#fffdf8;
    --skin-soft:#fff1e4;
    --skin-text:#2b2119;
    --skin-heading:#7d421f;
    --skin-radius:16px;
    --skin-radius-lg:24px;
    --skin-shadow:0 16px 36px rgba(125,66,31,.12);
    --skin-menu-bg:linear-gradient(135deg,#a05a2d,#7d421f);
    --skin-border:rgba(160,90,45,.20);
    --skin-footer-bg:linear-gradient(135deg,#a05a2d,#7d421f);
}

/* 5. Review: chuyên trang phân tích, báo chí */
body.theme-review{
    --skin-primary:#1f4e79;
    --skin-primary-2:#133653;
    --skin-primary-3:#edf4fa;
    --skin-accent:#0e9f6e;
    --skin-accent-2:#6ee7b7;
    --skin-bg:#f6f8fb;
    --skin-surface:#ffffff;
    --skin-soft:#eef3f8;
    --skin-text:#111827;
    --skin-heading:#133653;
    --skin-radius:8px;
    --skin-radius-lg:12px;
    --skin-shadow:0 10px 24px rgba(17,24,39,.08);
    --skin-menu-bg:#ffffff;
    --skin-menu-text:#133653;
    --skin-border:rgba(31,78,121,.18);
    --skin-footer-bg:#ffffff;
    --skin-footer-text:#133653;
}

/* 6. Sales: CTA mạnh nhưng vẫn sạch */
body.theme-sales,
body.theme-classic{
    --skin-primary:#0877b8;
    --skin-primary-2:#04527f;
    --skin-primary-3:#eaf7ff;
    --skin-accent:#f59e0b;
    --skin-accent-2:#ffd36a;
    --skin-bg:#eef8ff;
    --skin-surface:#ffffff;
    --skin-soft:#e8f6ff;
    --skin-text:#102033;
    --skin-heading:#04527f;
    --skin-radius:18px;
    --skin-radius-lg:28px;
    --skin-shadow:0 18px 42px rgba(0,96,168,.13);
    --skin-menu-bg:linear-gradient(135deg,#0877b8,#04527f);
    --skin-border:rgba(8,119,184,.18);
    --skin-footer-bg:linear-gradient(135deg,#0877b8,#04527f);
}

/* Header/Menu */
body.theme-luxury #legacy-main-menu,
body.theme-urban #legacy-main-menu,
body.theme-eco #legacy-main-menu,
body.theme-warm #legacy-main-menu,
body.theme-review #legacy-main-menu,
body.theme-sales #legacy-main-menu,
body.theme-luxury .site-nav,
body.theme-urban .site-nav,
body.theme-eco .site-nav,
body.theme-warm .site-nav,
body.theme-review .site-nav,
body.theme-sales .site-nav{
    background:var(--skin-menu-bg)!important;
    border:0!important;
    box-shadow:var(--skin-shadow-soft)!important;
}
body.theme-review #legacy-main-menu,
body.theme-review .site-nav{
    border-bottom:1px solid var(--skin-border)!important;
}
body.theme-luxury #legacy-main-menu .navbar-nav>li>a,
body.theme-urban #legacy-main-menu .navbar-nav>li>a,
body.theme-eco #legacy-main-menu .navbar-nav>li>a,
body.theme-warm #legacy-main-menu .navbar-nav>li>a,
body.theme-review #legacy-main-menu .navbar-nav>li>a,
body.theme-sales #legacy-main-menu .navbar-nav>li>a,
body.theme-luxury #legacy-main-menu .navbar-brand,
body.theme-urban #legacy-main-menu .navbar-brand,
body.theme-eco #legacy-main-menu .navbar-brand,
body.theme-warm #legacy-main-menu .navbar-brand,
body.theme-review #legacy-main-menu .navbar-brand,
body.theme-sales #legacy-main-menu .navbar-brand{
    color:var(--skin-menu-text)!important;
    letter-spacing:.01em;
}
body.theme-luxury #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-luxury #legacy-main-menu .navbar-nav>li.active>a,
body.theme-urban #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-urban #legacy-main-menu .navbar-nav>li.active>a,
body.theme-eco #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-eco #legacy-main-menu .navbar-nav>li.active>a,
body.theme-warm #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-warm #legacy-main-menu .navbar-nav>li.active>a,
body.theme-sales #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-sales #legacy-main-menu .navbar-nav>li.active>a{
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
}
body.theme-review #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-review #legacy-main-menu .navbar-nav>li.active>a{
    background:#edf4fa!important;
    color:var(--skin-primary)!important;
}

/* Dropdown */
body.theme-luxury .dropdown-menu,
body.theme-urban .dropdown-menu,
body.theme-eco .dropdown-menu,
body.theme-warm .dropdown-menu,
body.theme-review .dropdown-menu,
body.theme-sales .dropdown-menu{
    border:1px solid var(--skin-border)!important;
    border-radius:calc(var(--skin-radius) + 2px)!important;
    box-shadow:var(--skin-shadow)!important;
    overflow:hidden;
}
body.theme-luxury .dropdown-menu>li>a:hover,
body.theme-urban .dropdown-menu>li>a:hover,
body.theme-eco .dropdown-menu>li>a:hover,
body.theme-warm .dropdown-menu>li>a:hover,
body.theme-review .dropdown-menu>li>a:hover,
body.theme-sales .dropdown-menu>li>a:hover{
    background:var(--skin-primary-3)!important;
    color:var(--skin-primary)!important;
}

/* Khung/card chung */
body.theme-luxury .website-wrapper,
body.theme-urban .website-wrapper,
body.theme-eco .website-wrapper,
body.theme-warm .website-wrapper,
body.theme-review .website-wrapper,
body.theme-sales .website-wrapper,
body.theme-luxury .main-content,
body.theme-urban .main-content,
body.theme-eco .main-content,
body.theme-warm .main-content,
body.theme-review .main-content,
body.theme-sales .main-content,
body.theme-luxury .content-prose,
body.theme-urban .content-prose,
body.theme-eco .content-prose,
body.theme-warm .content-prose,
body.theme-review .content-prose,
body.theme-sales .content-prose{
    border-color:var(--skin-border)!important;
}
body.theme-luxury .home-highlight-card,
body.theme-urban .home-highlight-card,
body.theme-eco .home-highlight-card,
body.theme-warm .home-highlight-card,
body.theme-review .home-highlight-card,
body.theme-sales .home-highlight-card,
body.theme-luxury .home-highlight-item,
body.theme-urban .home-highlight-item,
body.theme-eco .home-highlight-item,
body.theme-warm .home-highlight-item,
body.theme-review .home-highlight-item,
body.theme-sales .home-highlight-item,
body.theme-luxury .section-card,
body.theme-urban .section-card,
body.theme-eco .section-card,
body.theme-warm .section-card,
body.theme-review .section-card,
body.theme-sales .section-card,
body.theme-luxury .right-box,
body.theme-urban .right-box,
body.theme-eco .right-box,
body.theme-warm .right-box,
body.theme-review .right-box,
body.theme-sales .right-box{
    background:var(--skin-surface)!important;
    border-radius:var(--skin-radius-lg)!important;
    box-shadow:var(--skin-shadow)!important;
    border-color:var(--skin-border)!important;
}
body.theme-review .home-highlight-card,
body.theme-review .section-card,
body.theme-review .right-box{
    box-shadow:0 6px 18px rgba(17,24,39,.06)!important;
}

/* Tiêu đề */
body.theme-luxury h1, body.theme-luxury h2, body.theme-luxury h3,
body.theme-urban h1, body.theme-urban h2, body.theme-urban h3,
body.theme-eco h1, body.theme-eco h2, body.theme-eco h3,
body.theme-warm h1, body.theme-warm h2, body.theme-warm h3,
body.theme-review h1, body.theme-review h2, body.theme-review h3,
body.theme-sales h1, body.theme-sales h2, body.theme-sales h3{
    color:var(--skin-heading)!important;
}
body.theme-luxury .section-title,
body.theme-urban .section-title,
body.theme-eco .section-title,
body.theme-warm .section-title,
body.theme-review .section-title,
body.theme-sales .section-title{
    color:var(--skin-heading)!important;
    border-color:var(--skin-border)!important;
}

/* Hero/banner */
body.theme-luxury .site-hero .banner-wrapper,
body.theme-urban .site-hero .banner-wrapper,
body.theme-eco .site-hero .banner-wrapper,
body.theme-warm .site-hero .banner-wrapper,
body.theme-review .site-hero .banner-wrapper,
body.theme-sales .site-hero .banner-wrapper{
    border-radius:var(--skin-radius-lg)!important;
    box-shadow:var(--skin-shadow)!important;
}
body.theme-review .site-hero .banner-wrapper{
    border-radius:12px!important;
}
body.theme-luxury .hero-overlay-box,
body.theme-urban .hero-overlay-box,
body.theme-eco .hero-overlay-box,
body.theme-warm .hero-overlay-box,
body.theme-review .hero-overlay-box,
body.theme-sales .hero-overlay-box{
    border-radius:var(--skin-radius-lg)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.20)!important;
    border:1px solid rgba(255,255,255,.18)!important;
}
body.theme-luxury .hero-overlay-box{background:rgba(23,52,86,.82)!important;}
body.theme-urban .hero-overlay-box{background:rgba(10,63,115,.82)!important;}
body.theme-eco .hero-overlay-box{background:rgba(8,112,99,.82)!important;}
body.theme-warm .hero-overlay-box{background:rgba(125,66,31,.82)!important;}
body.theme-sales .hero-overlay-box{background:rgba(4,82,127,.84)!important;}
body.theme-review .hero-overlay-box{background:rgba(255,255,255,.92)!important;color:var(--skin-text)!important;}

/* Buttons */
body.theme-luxury .hero-overlay-btn.primary,
body.theme-urban .hero-overlay-btn.primary,
body.theme-eco .hero-overlay-btn.primary,
body.theme-warm .hero-overlay-btn.primary,
body.theme-review .hero-overlay-btn.primary,
body.theme-sales .hero-overlay-btn.primary,
body.theme-luxury .btn-primary,
body.theme-urban .btn-primary,
body.theme-eco .btn-primary,
body.theme-warm .btn-primary,
body.theme-review .btn-primary,
body.theme-sales .btn-primary{
    background:linear-gradient(135deg,var(--skin-accent),var(--skin-accent-2))!important;
    border-color:transparent!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(0,0,0,.13)!important;
}
body.theme-review .hero-overlay-btn.primary,
body.theme-review .btn-primary{
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
}
body.theme-luxury .hero-overlay-btn:not(.primary),
body.theme-urban .hero-overlay-btn:not(.primary),
body.theme-eco .hero-overlay-btn:not(.primary),
body.theme-warm .hero-overlay-btn:not(.primary),
body.theme-review .hero-overlay-btn:not(.primary),
body.theme-sales .hero-overlay-btn:not(.primary){
    color:var(--skin-primary)!important;
}

/* Sidebar */
body.theme-luxury .sidebar .box-title,
body.theme-urban .sidebar .box-title,
body.theme-eco .sidebar .box-title,
body.theme-warm .sidebar .box-title,
body.theme-review .sidebar .box-title,
body.theme-sales .sidebar .box-title,
body.theme-luxury .right-title,
body.theme-urban .right-title,
body.theme-eco .right-title,
body.theme-warm .right-title,
body.theme-review .right-title,
body.theme-sales .right-title{
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
    color:#fff!important;
    border-bottom-color:var(--skin-accent)!important;
}
body.theme-review .sidebar .box-title,
body.theme-review .right-title{
    background:#ffffff!important;
    color:var(--skin-heading)!important;
    border-bottom:3px solid var(--skin-accent)!important;
}

/* Floating CTA */
body.theme-luxury .floating-action.loan,
body.theme-urban .floating-action.loan,
body.theme-eco .floating-action.loan,
body.theme-warm .floating-action.loan,
body.theme-review .floating-action.loan,
body.theme-sales .floating-action.loan{
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
    box-shadow:0 12px 26px rgba(0,0,0,.16)!important;
}
body.theme-luxury .floating-action.price-download,
body.theme-urban .floating-action.price-download,
body.theme-eco .floating-action.price-download,
body.theme-warm .floating-action.price-download,
body.theme-review .floating-action.price-download,
body.theme-sales .floating-action.price-download{
    background:linear-gradient(135deg,var(--skin-accent),var(--skin-accent-2))!important;
    box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
body.theme-sales .floating-action.price-download{animation:skinPulseSales 1.8s ease-in-out infinite;}
@keyframes skinPulseSales{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.035)}}

/* Footer - fix lỗi chữ mờ trên 6 skin */
body.theme-luxury .luxury-site-footer,
body.theme-urban .luxury-site-footer,
body.theme-eco .luxury-site-footer,
body.theme-warm .luxury-site-footer,
body.theme-review .luxury-site-footer,
body.theme-sales .luxury-site-footer{
    background:transparent!important;
}
body.theme-luxury .luxury-footer-card,
body.theme-urban .luxury-footer-card,
body.theme-eco .luxury-footer-card,
body.theme-warm .luxury-footer-card,
body.theme-sales .luxury-footer-card{
    background:var(--skin-footer-bg)!important;
    border-radius:var(--skin-radius-lg)!important;
    box-shadow:var(--skin-shadow)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
}
body.theme-luxury .luxury-footer-card *,
body.theme-urban .luxury-footer-card *,
body.theme-eco .luxury-footer-card *,
body.theme-warm .luxury-footer-card *,
body.theme-sales .luxury-footer-card *{
    color:#fff!important;
    opacity:1!important;
    text-shadow:none!important;
}
body.theme-luxury .luxury-footer-card h1,
body.theme-luxury .luxury-footer-card h2,
body.theme-luxury .luxury-footer-card h3,
body.theme-luxury .luxury-footer-card .footer-title,
body.theme-urban .luxury-footer-card h1,
body.theme-urban .luxury-footer-card h2,
body.theme-urban .luxury-footer-card h3,
body.theme-urban .luxury-footer-card .footer-title,
body.theme-eco .luxury-footer-card h1,
body.theme-eco .luxury-footer-card h2,
body.theme-eco .luxury-footer-card h3,
body.theme-eco .luxury-footer-card .footer-title,
body.theme-warm .luxury-footer-card h1,
body.theme-warm .luxury-footer-card h2,
body.theme-warm .luxury-footer-card h3,
body.theme-warm .luxury-footer-card .footer-title,
body.theme-sales .luxury-footer-card h1,
body.theme-sales .luxury-footer-card h2,
body.theme-sales .luxury-footer-card h3,
body.theme-sales .luxury-footer-card .footer-title{
    color:var(--skin-accent-2)!important;
    opacity:1!important;
}
body.theme-luxury .luxury-footer-card a,
body.theme-urban .luxury-footer-card a,
body.theme-eco .luxury-footer-card a,
body.theme-warm .luxury-footer-card a,
body.theme-sales .luxury-footer-card a{
    color:#fff!important;
}
body.theme-luxury .luxury-footer-card .footer-link-chip,
body.theme-urban .luxury-footer-card .footer-link-chip,
body.theme-eco .luxury-footer-card .footer-link-chip,
body.theme-warm .luxury-footer-card .footer-link-chip,
body.theme-sales .luxury-footer-card .footer-link-chip,
body.theme-luxury .luxury-footer-card .footer-website-link,
body.theme-urban .luxury-footer-card .footer-website-link,
body.theme-eco .luxury-footer-card .footer-website-link,
body.theme-warm .luxury-footer-card .footer-website-link,
body.theme-sales .luxury-footer-card .footer-website-link{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    color:#fff!important;
}
body.theme-review .luxury-footer-card{
    background:#ffffff!important;
    color:var(--skin-text)!important;
    border:1px solid var(--skin-border)!important;
    border-top:4px solid var(--skin-primary)!important;
    border-radius:12px!important;
    box-shadow:0 10px 26px rgba(17,24,39,.08)!important;
}
body.theme-review .luxury-footer-card *,
body.theme-review .luxury-footer-card a,
body.theme-review .luxury-footer-card h1,
body.theme-review .luxury-footer-card h2,
body.theme-review .luxury-footer-card h3{
    color:var(--skin-text)!important;
    opacity:1!important;
}
body.theme-review .luxury-footer-card .footer-title,
body.theme-review .luxury-footer-card h2,
body.theme-review .luxury-footer-card h3{
    color:var(--skin-heading)!important;
}
body.theme-review .luxury-footer-card .footer-link-chip,
body.theme-review .luxury-footer-card .footer-website-link{
    background:#f4f8fb!important;
    border:1px solid var(--skin-border)!important;
}

/* Một chút khác biệt riêng từng skin */
body.theme-urban .home-highlight-item,
body.theme-urban .section-card{border-left:4px solid var(--skin-accent)!important;}
body.theme-eco .home-highlight-item{background:linear-gradient(135deg,#ffffff,#f3fff8)!important;}
body.theme-warm .home-highlight-item{background:linear-gradient(135deg,#fffdf8,#fff3e7)!important;}
body.theme-luxury .home-highlight-item{background:linear-gradient(135deg,#fffdf8,#f6efe2)!important;}
body.theme-review .content-prose{line-height:1.78!important;}
body.theme-sales .hero-overlay-btn.primary{animation:skinPulseSales 2.2s ease-in-out infinite;}

@media(max-width:767px){
    body.theme-luxury #legacy-main-menu,
    body.theme-urban #legacy-main-menu,
    body.theme-eco #legacy-main-menu,
    body.theme-warm #legacy-main-menu,
    body.theme-review #legacy-main-menu,
    body.theme-sales #legacy-main-menu{
        border-radius:0 0 16px 16px!important;
    }
    body.theme-luxury .luxury-footer-card,
    body.theme-urban .luxury-footer-card,
    body.theme-eco .luxury-footer-card,
    body.theme-warm .luxury-footer-card,
    body.theme-review .luxury-footer-card,
    body.theme-sales .luxury-footer-card{
        border-radius:18px!important;
    }
}

/* V96.3 - Fix banner overlay: chống mờ chữ + tinh chỉnh skin nhìn cao cấp hơn */
body.theme-luxury .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-title,
body.theme-urban .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-title,
body.theme-eco .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-title,
body.theme-warm .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-title,
body.theme-sales .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-title{
    color:#ffffff!important;
    opacity:1!important;
    text-shadow:0 3px 14px rgba(0,0,0,.35)!important;
}
body.theme-luxury .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-subtitle,
body.theme-urban .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-subtitle,
body.theme-eco .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-subtitle,
body.theme-warm .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-subtitle,
body.theme-sales .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-subtitle,
body.theme-luxury .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-desc,
body.theme-urban .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-desc,
body.theme-eco .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-desc,
body.theme-warm .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-desc,
body.theme-sales .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-desc{
    color:rgba(255,255,255,.96)!important;
    opacity:1!important;
    text-shadow:0 2px 10px rgba(0,0,0,.24)!important;
}
body.theme-luxury .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-kicker,
body.theme-urban .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-kicker,
body.theme-eco .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-kicker,
body.theme-warm .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-kicker,
body.theme-sales .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-kicker{
    color:#ffe6a3!important;
    opacity:1!important;
    text-shadow:0 2px 9px rgba(0,0,0,.28)!important;
    letter-spacing:.14em!important;
}
body.theme-review .hero-overlay-box .hero-overlay-title{color:var(--skin-heading)!important;opacity:1!important;}
body.theme-review .hero-overlay-box .hero-overlay-subtitle,
body.theme-review .hero-overlay-box .hero-overlay-desc{color:#334155!important;opacity:1!important;}
body.theme-review .hero-overlay-box .hero-overlay-kicker{color:var(--skin-accent)!important;opacity:1!important;}

/* Overlay đẹp hơn theo từng nhóm, tránh nền quá đặc làm nặng ảnh */
body.theme-luxury .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none){
    background:linear-gradient(135deg,rgba(23,52,86,.88),rgba(31,76,120,.76))!important;
    border:1px solid rgba(242,217,148,.34)!important;
    box-shadow:0 24px 62px rgba(23,52,86,.30)!important;
}
body.theme-urban .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none){
    background:linear-gradient(135deg,rgba(10,63,115,.90),rgba(18,98,163,.72))!important;
    border:1px solid rgba(143,220,255,.28)!important;
}
body.theme-eco .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none){
    background:linear-gradient(135deg,rgba(6,104,92,.90),rgba(15,139,126,.72))!important;
    border:1px solid rgba(214,166,71,.32)!important;
}
body.theme-warm .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none){
    background:linear-gradient(135deg,rgba(112,59,27,.92),rgba(160,90,45,.76))!important;
    border:1px solid rgba(255,208,139,.42)!important;
    box-shadow:0 26px 66px rgba(112,59,27,.26)!important;
}
body.theme-sales .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none){
    background:linear-gradient(135deg,rgba(5,79,125,.92),rgba(13,148,136,.72))!important;
    border:1px solid rgba(255,255,255,.24)!important;
}

/* Nút trong banner: tăng tương phản, tránh chữ chìm trên nền vàng/cam */
body.theme-luxury .hero-overlay-btn.primary,
body.theme-warm .hero-overlay-btn.primary,
body.theme-sales .hero-overlay-btn.primary{
    color:#4b2a10!important;
    text-shadow:none!important;
    font-weight:900!important;
}
body.theme-eco .hero-overlay-btn.primary,
body.theme-urban .hero-overlay-btn.primary{
    color:#ffffff!important;
    text-shadow:0 1px 4px rgba(0,0,0,.18)!important;
    font-weight:900!important;
}
body.theme-luxury .hero-overlay-btn:not(.primary),
body.theme-warm .hero-overlay-btn:not(.primary),
body.theme-eco .hero-overlay-btn:not(.primary),
body.theme-urban .hero-overlay-btn:not(.primary),
body.theme-sales .hero-overlay-btn:not(.primary){
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(255,255,255,.75)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.12)!important;
}

/* Tinh chỉnh nhẹ để các skin khác nhau rõ hơn nhưng không phá layout */
body.theme-luxury .site-header,
body.theme-luxury .main-menu,
body.theme-luxury .navbar{box-shadow:0 12px 30px rgba(23,52,86,.16)!important;}
body.theme-warm .site-header,
body.theme-warm .main-menu,
body.theme-warm .navbar{box-shadow:0 12px 30px rgba(125,66,31,.14)!important;}
body.theme-review .site-header,
body.theme-review .main-menu,
body.theme-review .navbar{box-shadow:0 8px 20px rgba(15,23,42,.06)!important;border-bottom:1px solid rgba(31,78,121,.12)!important;}

/* Footer không bị mờ chữ ở mọi skin */
body.theme-luxury footer *, body.theme-urban footer *, body.theme-eco footer *, body.theme-warm footer *, body.theme-sales footer *,
body.theme-luxury .footer *, body.theme-urban .footer *, body.theme-eco .footer *, body.theme-warm .footer *, body.theme-sales .footer *,
body.theme-luxury .luxury-footer-card *, body.theme-urban .luxury-footer-card *, body.theme-eco .luxury-footer-card *, body.theme-warm .luxury-footer-card *, body.theme-sales .luxury-footer-card *{
    opacity:1!important;
}
body.theme-luxury footer h1, body.theme-luxury footer h2, body.theme-luxury footer h3, body.theme-luxury footer h4,
body.theme-urban footer h1, body.theme-urban footer h2, body.theme-urban footer h3, body.theme-urban footer h4,
body.theme-eco footer h1, body.theme-eco footer h2, body.theme-eco footer h3, body.theme-eco footer h4,
body.theme-warm footer h1, body.theme-warm footer h2, body.theme-warm footer h3, body.theme-warm footer h4,
body.theme-sales footer h1, body.theme-sales footer h2, body.theme-sales footer h3, body.theme-sales footer h4,
body.theme-luxury .footer h1, body.theme-luxury .footer h2, body.theme-luxury .footer h3, body.theme-luxury .footer h4,
body.theme-urban .footer h1, body.theme-urban .footer h2, body.theme-urban .footer h3, body.theme-urban .footer h4,
body.theme-eco .footer h1, body.theme-eco .footer h2, body.theme-eco .footer h3, body.theme-eco .footer h4,
body.theme-warm .footer h1, body.theme-warm .footer h2, body.theme-warm .footer h3, body.theme-warm .footer h4,
body.theme-sales .footer h1, body.theme-sales .footer h2, body.theme-sales .footer h3, body.theme-sales .footer h4{
    color:#ffe6a3!important;
    text-shadow:0 2px 8px rgba(0,0,0,.16)!important;
}
body.theme-luxury footer a, body.theme-urban footer a, body.theme-eco footer a, body.theme-warm footer a, body.theme-sales footer a,
body.theme-luxury .footer a, body.theme-urban .footer a, body.theme-eco .footer a, body.theme-warm .footer a, body.theme-sales .footer a{
    color:#ffffff!important;
}

/* V96.4 - Đồng bộ màu skin cho thanh tiêu đề block, tab mặt bằng và sidebar phải */
body.theme-luxury .panel-tid,
body.theme-urban .panel-tid,
body.theme-eco .panel-tid,
body.theme-warm .panel-tid,
body.theme-review .panel-tid,
body.theme-sales .panel-tid,
body.theme-luxury .panel-right,
body.theme-urban .panel-right,
body.theme-eco .panel-right,
body.theme-warm .panel-right,
body.theme-review .panel-right,
body.theme-sales .panel-right,
body.theme-luxury .consultant-panel-v121,
body.theme-urban .consultant-panel-v121,
body.theme-eco .consultant-panel-v121,
body.theme-warm .consultant-panel-v121,
body.theme-review .consultant-panel-v121,
body.theme-sales .consultant-panel-v121,
body.theme-luxury .quick-docs-panel-v132,
body.theme-urban .quick-docs-panel-v132,
body.theme-eco .quick-docs-panel-v132,
body.theme-warm .quick-docs-panel-v132,
body.theme-review .quick-docs-panel-v132,
body.theme-sales .quick-docs-panel-v132{
    border-color:var(--skin-border)!important;
    border-radius:var(--skin-radius-lg)!important;
    box-shadow:var(--skin-shadow)!important;
    background:var(--skin-surface)!important;
}
body.theme-luxury .panel-tid>.panel-heading,
body.theme-urban .panel-tid>.panel-heading,
body.theme-eco .panel-tid>.panel-heading,
body.theme-warm .panel-tid>.panel-heading,
body.theme-review .panel-tid>.panel-heading,
body.theme-sales .panel-tid>.panel-heading,
body.theme-luxury .panel-tid>h1.panel-heading,
body.theme-urban .panel-tid>h1.panel-heading,
body.theme-eco .panel-tid>h1.panel-heading,
body.theme-warm .panel-tid>h1.panel-heading,
body.theme-review .panel-tid>h1.panel-heading,
body.theme-sales .panel-tid>h1.panel-heading,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-urban .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-eco .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-warm .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-review .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-sales .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132 .panel-heading,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132 .panel-heading,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132 .panel-heading,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132 .panel-heading,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132 .panel-heading,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132 .panel-heading{
    background:var(--skin-menu-bg)!important;
    border-bottom:4px solid var(--skin-accent)!important;
    color:#fff!important;
}
body.theme-luxury .panel-tid>.panel-heading span,
body.theme-luxury .panel-tid>.panel-heading .div-tblock,
body.theme-luxury .panel-tid>h1.panel-heading span,
body.theme-urban .panel-tid>.panel-heading span,
body.theme-urban .panel-tid>.panel-heading .div-tblock,
body.theme-urban .panel-tid>h1.panel-heading span,
body.theme-eco .panel-tid>.panel-heading span,
body.theme-eco .panel-tid>.panel-heading .div-tblock,
body.theme-eco .panel-tid>h1.panel-heading span,
body.theme-warm .panel-tid>.panel-heading span,
body.theme-warm .panel-tid>.panel-heading .div-tblock,
body.theme-warm .panel-tid>h1.panel-heading span,
body.theme-review .panel-tid>.panel-heading span,
body.theme-review .panel-tid>.panel-heading .div-tblock,
body.theme-review .panel-tid>h1.panel-heading span,
body.theme-sales .panel-tid>.panel-heading span,
body.theme-sales .panel-tid>.panel-heading .div-tblock,
body.theme-sales .panel-tid>h1.panel-heading span,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-urban .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-eco .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-warm .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-review .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-sales .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock{
    color:#fff!important;
    border-bottom-color:var(--skin-accent)!important;
    text-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
body.theme-review .panel-tid>.panel-heading,
body.theme-review .panel-tid>h1.panel-heading,
body.theme-review .right-panel-wrapper .consultant-panel-v121 .panel-heading,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132 .panel-heading{
    background:#ffffff!important;
    color:var(--skin-heading)!important;
    border-bottom:4px solid var(--skin-accent)!important;
}
body.theme-review .panel-tid>.panel-heading span,
body.theme-review .panel-tid>.panel-heading .div-tblock,
body.theme-review .panel-tid>h1.panel-heading span,
body.theme-review .right-panel-wrapper .consultant-panel-v121 .panel-heading .div-tblock,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132 .panel-heading .div-tblock{
    color:var(--skin-heading)!important;
    text-shadow:none!important;
}
body.theme-luxury .panel-tid>.panel-body,
body.theme-urban .panel-tid>.panel-body,
body.theme-eco .panel-tid>.panel-body,
body.theme-warm .panel-tid>.panel-body,
body.theme-review .panel-tid>.panel-body,
body.theme-sales .panel-tid>.panel-body,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121 .panel-body,
body.theme-urban .right-panel-wrapper .consultant-panel-v121 .panel-body,
body.theme-eco .right-panel-wrapper .consultant-panel-v121 .panel-body,
body.theme-warm .right-panel-wrapper .consultant-panel-v121 .panel-body,
body.theme-review .right-panel-wrapper .consultant-panel-v121 .panel-body,
body.theme-sales .right-panel-wrapper .consultant-panel-v121 .panel-body,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132 .panel-body,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132 .panel-body,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132 .panel-body,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132 .panel-body,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132 .panel-body,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132 .panel-body{
    background:var(--skin-surface)!important;
}
body.theme-luxury .panel-plain-intro:before,
body.theme-urban .panel-plain-intro:before,
body.theme-eco .panel-plain-intro:before,
body.theme-warm .panel-plain-intro:before,
body.theme-review .panel-plain-intro:before,
body.theme-sales .panel-plain-intro:before{
    background:linear-gradient(90deg,var(--skin-primary),var(--skin-accent))!important;
}

/* Tab Mặt bằng & Thiết kế */
body.theme-luxury .home-ground-type-tabs,
body.theme-urban .home-ground-type-tabs,
body.theme-eco .home-ground-type-tabs,
body.theme-warm .home-ground-type-tabs,
body.theme-review .home-ground-type-tabs,
body.theme-sales .home-ground-type-tabs{
    background:var(--skin-soft)!important;
    border-color:var(--skin-border)!important;
    border-radius:var(--skin-radius)!important;
}
body.theme-luxury .home-ground-type-tab,
body.theme-urban .home-ground-type-tab,
body.theme-eco .home-ground-type-tab,
body.theme-warm .home-ground-type-tab,
body.theme-review .home-ground-type-tab,
body.theme-sales .home-ground-type-tab{
    color:var(--skin-primary)!important;
    border-color:var(--skin-border)!important;
    background:var(--skin-surface)!important;
}
body.theme-luxury .home-ground-type-tab.is-active,
body.theme-urban .home-ground-type-tab.is-active,
body.theme-eco .home-ground-type-tab.is-active,
body.theme-warm .home-ground-type-tab.is-active,
body.theme-review .home-ground-type-tab.is-active,
body.theme-sales .home-ground-type-tab.is-active{
    background:var(--skin-menu-bg)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 10px 22px color-mix(in srgb,var(--skin-primary) 24%,transparent)!important;
}
body.theme-luxury .home-ground-type-tab.is-active:after,
body.theme-urban .home-ground-type-tab.is-active:after,
body.theme-eco .home-ground-type-tab.is-active:after,
body.theme-warm .home-ground-type-tab.is-active:after,
body.theme-review .home-ground-type-tab.is-active:after,
body.theme-sales .home-ground-type-tab.is-active:after{
    background:var(--skin-accent)!important;
}
body.theme-luxury .home-image-open,
body.theme-urban .home-image-open,
body.theme-eco .home-image-open,
body.theme-warm .home-image-open,
body.theme-review .home-image-open,
body.theme-sales .home-image-open,
body.theme-luxury .home-slide-btn,
body.theme-urban .home-slide-btn,
body.theme-eco .home-slide-btn,
body.theme-warm .home-slide-btn,
body.theme-review .home-slide-btn,
body.theme-sales .home-slide-btn{
    background:var(--skin-menu-bg)!important;
    color:#fff!important;
}
body.theme-luxury .home-slide-dot.is-active,
body.theme-urban .home-slide-dot.is-active,
body.theme-eco .home-slide-dot.is-active,
body.theme-warm .home-slide-dot.is-active,
body.theme-review .home-slide-dot.is-active,
body.theme-sales .home-slide-dot.is-active{
    background:var(--skin-primary)!important;
}

/* Sidebar phải: danh sách, icon, tài liệu nhanh, tư vấn */
body.theme-luxury .right-list-news a:before,
body.theme-urban .right-list-news a:before,
body.theme-eco .right-list-news a:before,
body.theme-warm .right-list-news a:before,
body.theme-review .right-list-news a:before,
body.theme-sales .right-list-news a:before{
    color:var(--skin-primary)!important;
}
body.theme-luxury .right-list-news a:hover,
body.theme-urban .right-list-news a:hover,
body.theme-eco .right-list-news a:hover,
body.theme-warm .right-list-news a:hover,
body.theme-review .right-list-news a:hover,
body.theme-sales .right-list-news a:hover{
    color:var(--skin-primary)!important;
}
body.theme-luxury .right-panel-wrapper .consultant-card-v121:before,
body.theme-urban .right-panel-wrapper .consultant-card-v121:before,
body.theme-eco .right-panel-wrapper .consultant-card-v121:before,
body.theme-warm .right-panel-wrapper .consultant-card-v121:before,
body.theme-review .right-panel-wrapper .consultant-card-v121:before,
body.theme-sales .right-panel-wrapper .consultant-card-v121:before{
    background:linear-gradient(135deg,color-mix(in srgb,var(--skin-primary) 14%,transparent),color-mix(in srgb,var(--skin-accent) 18%,transparent))!important;
}
body.theme-luxury .right-panel-wrapper .consultant-icon-v121,
body.theme-urban .right-panel-wrapper .consultant-icon-v121,
body.theme-eco .right-panel-wrapper .consultant-icon-v121,
body.theme-warm .right-panel-wrapper .consultant-icon-v121,
body.theme-review .right-panel-wrapper .consultant-icon-v121,
body.theme-sales .right-panel-wrapper .consultant-icon-v121{
    background:var(--skin-primary-3)!important;
    color:var(--skin-primary)!important;
}
body.theme-luxury .right-panel-wrapper .consultant-btn-zalo-v121,
body.theme-urban .right-panel-wrapper .consultant-btn-zalo-v121,
body.theme-eco .right-panel-wrapper .consultant-btn-zalo-v121,
body.theme-warm .right-panel-wrapper .consultant-btn-zalo-v121,
body.theme-review .right-panel-wrapper .consultant-btn-zalo-v121,
body.theme-sales .right-panel-wrapper .consultant-btn-zalo-v121{
    background:var(--skin-menu-bg)!important;
}
body.theme-luxury .right-panel-wrapper .consultant-price-v121,
body.theme-urban .right-panel-wrapper .consultant-price-v121,
body.theme-eco .right-panel-wrapper .consultant-price-v121,
body.theme-warm .right-panel-wrapper .consultant-price-v121,
body.theme-review .right-panel-wrapper .consultant-price-v121,
body.theme-sales .right-panel-wrapper .consultant-price-v121{
    color:var(--skin-primary)!important;
    border-color:var(--skin-border)!important;
    background:var(--skin-surface)!important;
}
body.theme-luxury .right-panel-wrapper .quick-doc-link-v132,
body.theme-urban .right-panel-wrapper .quick-doc-link-v132,
body.theme-eco .right-panel-wrapper .quick-doc-link-v132,
body.theme-warm .right-panel-wrapper .quick-doc-link-v132,
body.theme-review .right-panel-wrapper .quick-doc-link-v132,
body.theme-sales .right-panel-wrapper .quick-doc-link-v132{
    background:linear-gradient(180deg,var(--skin-surface),var(--skin-soft))!important;
    border-color:var(--skin-border)!important;
    color:var(--skin-text)!important;
}
body.theme-luxury .right-panel-wrapper .quick-doc-icon-v132,
body.theme-urban .right-panel-wrapper .quick-doc-icon-v132,
body.theme-eco .right-panel-wrapper .quick-doc-icon-v132,
body.theme-warm .right-panel-wrapper .quick-doc-icon-v132,
body.theme-review .right-panel-wrapper .quick-doc-icon-v132,
body.theme-sales .right-panel-wrapper .quick-doc-icon-v132{
    background:var(--skin-primary-3)!important;
    color:var(--skin-primary)!important;
}
body.theme-luxury .right-panel-wrapper .quick-doc-arrow-v132,
body.theme-urban .right-panel-wrapper .quick-doc-arrow-v132,
body.theme-eco .right-panel-wrapper .quick-doc-arrow-v132,
body.theme-warm .right-panel-wrapper .quick-doc-arrow-v132,
body.theme-review .right-panel-wrapper .quick-doc-arrow-v132,
body.theme-sales .right-panel-wrapper .quick-doc-arrow-v132{
    color:var(--skin-primary)!important;
}

/* V96.5 - Đồng bộ màu viền/đóng khung dưới và chữ tiêu đề panel theo skin */
body.theme-luxury .panel-tid,
body.theme-urban .panel-tid,
body.theme-eco .panel-tid,
body.theme-warm .panel-tid,
body.theme-review .panel-tid,
body.theme-sales .panel-tid,
body.theme-luxury .panel-right,
body.theme-urban .panel-right,
body.theme-eco .panel-right,
body.theme-warm .panel-right,
body.theme-review .panel-right,
body.theme-sales .panel-right,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121,
body.theme-urban .right-panel-wrapper .consultant-panel-v121,
body.theme-eco .right-panel-wrapper .consultant-panel-v121,
body.theme-warm .right-panel-wrapper .consultant-panel-v121,
body.theme-review .right-panel-wrapper .consultant-panel-v121,
body.theme-sales .right-panel-wrapper .consultant-panel-v121,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132,
body.theme-luxury .home-highlight-card,
body.theme-urban .home-highlight-card,
body.theme-eco .home-highlight-card,
body.theme-warm .home-highlight-card,
body.theme-review .home-highlight-card,
body.theme-sales .home-highlight-card,
body.theme-luxury .section-card,
body.theme-urban .section-card,
body.theme-eco .section-card,
body.theme-warm .section-card,
body.theme-review .section-card,
body.theme-sales .section-card,
body.theme-luxury .home-utilities-section .home-dyn-body,
body.theme-urban .home-utilities-section .home-dyn-body,
body.theme-eco .home-utilities-section .home-dyn-body,
body.theme-warm .home-utilities-section .home-dyn-body,
body.theme-review .home-utilities-section .home-dyn-body,
body.theme-sales .home-utilities-section .home-dyn-body{
    border-color:var(--skin-border)!important;
    border-bottom:5px solid var(--skin-primary)!important;
}

body.theme-luxury .panel-tid>.panel-heading,
body.theme-urban .panel-tid>.panel-heading,
body.theme-eco .panel-tid>.panel-heading,
body.theme-warm .panel-tid>.panel-heading,
body.theme-sales .panel-tid>.panel-heading,
body.theme-luxury .panel-tid>h1.panel-heading,
body.theme-urban .panel-tid>h1.panel-heading,
body.theme-eco .panel-tid>h1.panel-heading,
body.theme-warm .panel-tid>h1.panel-heading,
body.theme-sales .panel-tid>h1.panel-heading,
body.theme-luxury .panel-right>.panel-heading,
body.theme-urban .panel-right>.panel-heading,
body.theme-eco .panel-right>.panel-heading,
body.theme-warm .panel-right>.panel-heading,
body.theme-sales .panel-right>.panel-heading{
    background:var(--skin-menu-bg)!important;
    border-bottom:4px solid var(--skin-accent)!important;
    color:#fff!important;
}

body.theme-luxury .panel-tid>.panel-heading *,
body.theme-urban .panel-tid>.panel-heading *,
body.theme-eco .panel-tid>.panel-heading *,
body.theme-warm .panel-tid>.panel-heading *,
body.theme-sales .panel-tid>.panel-heading *,
body.theme-luxury .panel-tid>h1.panel-heading *,
body.theme-urban .panel-tid>h1.panel-heading *,
body.theme-eco .panel-tid>h1.panel-heading *,
body.theme-warm .panel-tid>h1.panel-heading *,
body.theme-sales .panel-tid>h1.panel-heading *,
body.theme-luxury .panel-right>.panel-heading *,
body.theme-urban .panel-right>.panel-heading *,
body.theme-eco .panel-right>.panel-heading *,
body.theme-warm .panel-right>.panel-heading *,
body.theme-sales .panel-right>.panel-heading *,
body.theme-luxury .panel-tid>.panel-heading a,
body.theme-urban .panel-tid>.panel-heading a,
body.theme-eco .panel-tid>.panel-heading a,
body.theme-warm .panel-tid>.panel-heading a,
body.theme-sales .panel-tid>.panel-heading a{
    color:#fff!important;
    text-shadow:0 2px 8px rgba(0,0,0,.18)!important;
    border-color:var(--skin-accent)!important;
}

body.theme-review .panel-tid,
body.theme-review .panel-right,
body.theme-review .right-panel-wrapper .consultant-panel-v121,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review .home-highlight-card,
body.theme-review .section-card,
body.theme-review .home-utilities-section .home-dyn-body{
    border-bottom-color:var(--skin-primary)!important;
}
body.theme-review .panel-tid>.panel-heading,
body.theme-review .panel-tid>h1.panel-heading,
body.theme-review .panel-right>.panel-heading{
    background:#fff!important;
    color:var(--skin-heading)!important;
    border-bottom:4px solid var(--skin-accent)!important;
}
body.theme-review .panel-tid>.panel-heading *,
body.theme-review .panel-tid>h1.panel-heading *,
body.theme-review .panel-right>.panel-heading *{
    color:var(--skin-heading)!important;
    text-shadow:none!important;
}

body.theme-luxury .right-list-news h6,
body.theme-urban .right-list-news h6,
body.theme-eco .right-list-news h6,
body.theme-warm .right-list-news h6,
body.theme-review .right-list-news h6,
body.theme-sales .right-list-news h6{
    border-bottom-color:var(--skin-border)!important;
}

/* V96.6 - Fix dứt điểm lỗi viền khung bị 2 màu khi đổi skin.
   Bỏ border-bottom cũ của panel, dùng 1 dải màu duy nhất theo skin ở đáy khung. */
body.theme-luxury .panel-tid,
body.theme-urban .panel-tid,
body.theme-eco .panel-tid,
body.theme-warm .panel-tid,
body.theme-review .panel-tid,
body.theme-sales .panel-tid,
body.theme-luxury .panel-right,
body.theme-urban .panel-right,
body.theme-eco .panel-right,
body.theme-warm .panel-right,
body.theme-review .panel-right,
body.theme-sales .panel-right,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121,
body.theme-urban .right-panel-wrapper .consultant-panel-v121,
body.theme-eco .right-panel-wrapper .consultant-panel-v121,
body.theme-warm .right-panel-wrapper .consultant-panel-v121,
body.theme-review .right-panel-wrapper .consultant-panel-v121,
body.theme-sales .right-panel-wrapper .consultant-panel-v121,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132{
    position:relative!important;
    border:1px solid var(--skin-border)!important;
    border-bottom:0!important;
    overflow:hidden!important;
    box-shadow:var(--skin-shadow-soft)!important;
}

body.theme-luxury .panel-tid::after,
body.theme-urban .panel-tid::after,
body.theme-eco .panel-tid::after,
body.theme-warm .panel-tid::after,
body.theme-review .panel-tid::after,
body.theme-sales .panel-tid::after,
body.theme-luxury .panel-right::after,
body.theme-urban .panel-right::after,
body.theme-eco .panel-right::after,
body.theme-warm .panel-right::after,
body.theme-review .panel-right::after,
body.theme-sales .panel-right::after,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121::after,
body.theme-urban .right-panel-wrapper .consultant-panel-v121::after,
body.theme-eco .right-panel-wrapper .consultant-panel-v121::after,
body.theme-warm .right-panel-wrapper .consultant-panel-v121::after,
body.theme-review .right-panel-wrapper .consultant-panel-v121::after,
body.theme-sales .right-panel-wrapper .consultant-panel-v121::after,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132::after,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132::after,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132::after,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132::after,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132::after,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:5px!important;
    background:linear-gradient(90deg,var(--skin-primary),var(--skin-primary-2))!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    z-index:3!important;
}

body.theme-review .panel-tid::after,
body.theme-review .panel-right::after,
body.theme-review .right-panel-wrapper .consultant-panel-v121::after,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132::after{
    background:var(--skin-primary)!important;
}

body.theme-luxury .panel-tid>.panel-body,
body.theme-urban .panel-tid>.panel-body,
body.theme-eco .panel-tid>.panel-body,
body.theme-warm .panel-tid>.panel-body,
body.theme-review .panel-tid>.panel-body,
body.theme-sales .panel-tid>.panel-body,
body.theme-luxury .panel-right>.panel-body,
body.theme-urban .panel-right>.panel-body,
body.theme-eco .panel-right>.panel-body,
body.theme-warm .panel-right>.panel-body,
body.theme-review .panel-right>.panel-body,
body.theme-sales .panel-right>.panel-body{
    border-bottom:0!important;
    padding-bottom:28px!important;
}

body.theme-luxury .panel-tid>*:last-child,
body.theme-urban .panel-tid>*:last-child,
body.theme-eco .panel-tid>*:last-child,
body.theme-warm .panel-tid>*:last-child,
body.theme-review .panel-tid>*:last-child,
body.theme-sales .panel-tid>*:last-child{
    border-bottom-color:transparent!important;
}

/* Các card không phải panel nhưng có chân khung */
body.theme-luxury .home-highlight-card,
body.theme-urban .home-highlight-card,
body.theme-eco .home-highlight-card,
body.theme-warm .home-highlight-card,
body.theme-review .home-highlight-card,
body.theme-sales .home-highlight-card,
body.theme-luxury .section-card,
body.theme-urban .section-card,
body.theme-eco .section-card,
body.theme-warm .section-card,
body.theme-review .section-card,
body.theme-sales .section-card,
body.theme-luxury .home-utilities-section .home-dyn-body,
body.theme-urban .home-utilities-section .home-dyn-body,
body.theme-eco .home-utilities-section .home-dyn-body,
body.theme-warm .home-utilities-section .home-dyn-body,
body.theme-review .home-utilities-section .home-dyn-body,
body.theme-sales .home-utilities-section .home-dyn-body{
    border-color:var(--skin-border)!important;
    border-bottom-color:var(--skin-primary)!important;
}

/* V96.8 - Bước 2: khác sâu header, hero/banner và cụm CTA theo từng skin.
   Chỉ CSS, không đổi dữ liệu/chức năng. */
body.theme-luxury .site-nav,
body.theme-urban .site-nav,
body.theme-eco .site-nav,
body.theme-warm .site-nav,
body.theme-review .site-nav,
body.theme-sales .site-nav{
    transition:all .22s ease;
}
body.theme-luxury .site-nav .nav>li>a,
body.theme-urban .site-nav .nav>li>a,
body.theme-eco .site-nav .nav>li>a,
body.theme-warm .site-nav .nav>li>a,
body.theme-review .site-nav .nav>li>a,
body.theme-sales .site-nav .nav>li>a{
    transition:all .22s ease;
}
body.theme-luxury .website-wrapper,
body.theme-urban .website-wrapper,
body.theme-eco .website-wrapper,
body.theme-warm .website-wrapper,
body.theme-review .website-wrapper,
body.theme-sales .website-wrapper{
    position:relative;
    isolation:isolate;
}
body.theme-luxury .banner-wrapper,
body.theme-urban .banner-wrapper,
body.theme-eco .banner-wrapper,
body.theme-warm .banner-wrapper,
body.theme-review .banner-wrapper,
body.theme-sales .banner-wrapper{
    position:relative;
    box-shadow:var(--skin-shadow-soft)!important;
}
body.theme-luxury .hero-overlay-box,
body.theme-urban .hero-overlay-box,
body.theme-eco .hero-overlay-box,
body.theme-warm .hero-overlay-box,
body.theme-review .hero-overlay-box,
body.theme-sales .hero-overlay-box{
    transition:all .22s ease;
}

/* Luxury Premium Sáng: header sang, banner có khung viền vàng mảnh */
body.theme-luxury .site-nav{
    margin:10px 14px 22px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(23,52,86,.96),rgba(33,70,111,.96))!important;
    border:1px solid rgba(242,217,148,.22)!important;
    box-shadow:0 18px 38px rgba(23,52,86,.18)!important;
}
body.theme-luxury .site-nav .container{min-height:60px!important}
body.theme-luxury .site-nav .nav>li+li:before{background:rgba(242,217,148,.22)!important}
body.theme-luxury .site-nav .nav>li>a{padding:19px 26px!important;color:#fffaf0!important}
body.theme-luxury .site-nav .nav>li.active>a,
body.theme-luxury .site-nav .nav>li>a:hover{
    background:rgba(202,163,90,.20)!important;
    color:#fff!important;
    border-radius:999px!important;
}
body.theme-luxury .website-wrapper{
    padding:14px!important;
    border:1px solid rgba(202,163,90,.22)!important;
    background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(247,239,225,.78))!important;
}
body.theme-luxury .banner-wrapper{border-radius:24px!important;border:1px solid rgba(202,163,90,.32)!important}
body.theme-luxury .hero-overlay-box{
    border:1px solid rgba(242,217,148,.32)!important;
    background:linear-gradient(135deg,rgba(23,52,86,.78),rgba(33,70,111,.64))!important;
    backdrop-filter:blur(10px);
}

/* Urban Blue: menu vuông gọn, hiện đại */
body.theme-urban .site-nav{
    border-radius:0!important;
    margin:0 0 20px!important;
    background:#0a3f73!important;
    box-shadow:0 10px 22px rgba(10,63,115,.14)!important;
}
body.theme-urban .site-nav .container{min-height:58px!important}
body.theme-urban .site-nav .nav>li>a{padding:18px 24px!important}
body.theme-urban .site-nav .nav>li>a:after{height:3px!important;bottom:0!important;left:24px!important;right:24px!important;border-radius:0!important}
body.theme-urban .site-nav .nav>li.active>a,
body.theme-urban .site-nav .nav>li>a:hover{background:rgba(35,166,223,.16)!important}
body.theme-urban .website-wrapper{border-radius:16px!important;padding:10px!important;background:#fff!important}
body.theme-urban .banner-wrapper{border-radius:12px!important}
body.theme-urban .hero-overlay-box{
    border-radius:16px!important;
    background:rgba(10,63,115,.74)!important;
    box-shadow:0 18px 36px rgba(10,63,115,.22)!important;
}

/* Eco Green: menu bo mềm, thiên về khu đô thị xanh */
body.theme-eco .site-nav{
    margin:12px 18px 22px!important;
    border-radius:0 0 28px 28px!important;
    background:linear-gradient(135deg,#0f9588,#087063)!important;
    box-shadow:0 16px 34px rgba(8,112,99,.18)!important;
}
body.theme-eco .site-nav .nav>li>a{padding:18px 25px!important}
body.theme-eco .site-nav .nav>li.active>a,
body.theme-eco .site-nav .nav>li>a:hover{
    background:rgba(255,255,255,.18)!important;
    border-radius:18px!important;
}
body.theme-eco .website-wrapper{
    border-radius:34px!important;
    padding:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(233,248,239,.78))!important;
}
body.theme-eco .banner-wrapper{border-radius:28px!important}
body.theme-eco .hero-overlay-box{
    border-radius:28px!important;
    background:linear-gradient(135deg,rgba(10,111,98,.76),rgba(15,139,126,.62))!important;
    box-shadow:0 20px 42px rgba(8,112,99,.22)!important;
}

/* Warm Beige: ấm, an cư, không còn quá nâu đặc */
body.theme-warm .site-nav{
    margin:8px 0 22px!important;
    border-radius:0 0 26px 26px!important;
    background:linear-gradient(135deg,#98572f,#7d421f)!important;
    box-shadow:0 14px 30px rgba(125,66,31,.14)!important;
}
body.theme-warm .site-nav .nav>li+li:before{background:rgba(255,208,139,.18)!important}
body.theme-warm .site-nav .nav>li.active>a,
body.theme-warm .site-nav .nav>li>a:hover{
    background:rgba(255,208,139,.18)!important;
    border-radius:18px!important;
}
body.theme-warm .website-wrapper{
    border-radius:28px!important;
    padding:14px!important;
    background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(255,241,228,.76))!important;
    border:1px solid rgba(160,90,45,.12)!important;
}
body.theme-warm .banner-wrapper{border-radius:24px!important}
body.theme-warm .hero-overlay-box{
    background:linear-gradient(135deg,rgba(125,66,31,.78),rgba(160,90,45,.62))!important;
    border:1px solid rgba(255,208,139,.24)!important;
    box-shadow:0 18px 38px rgba(125,66,31,.20)!important;
}

/* Review Pro: menu trắng kiểu chuyên trang, banner bớt sales */
body.theme-review .site-nav{
    margin:0 0 18px!important;
    border-radius:0!important;
    background:#fff!important;
    border-top:4px solid var(--skin-primary)!important;
    border-bottom:1px solid rgba(31,78,121,.16)!important;
    box-shadow:0 8px 18px rgba(17,24,39,.06)!important;
}
body.theme-review .site-nav .container{min-height:58px!important}
body.theme-review .site-nav .nav>li+li:before{background:rgba(31,78,121,.14)!important}
body.theme-review .site-nav .nav>li>a{color:#133653!important;padding:17px 22px!important}
body.theme-review .site-nav .nav>li.active>a,
body.theme-review .site-nav .nav>li>a:hover{
    background:#edf4fa!important;
    color:#1f4e79!important;
    border-radius:8px!important;
}
body.theme-review .website-wrapper{
    border-radius:12px!important;
    padding:8px!important;
    background:#fff!important;
    border:1px solid rgba(31,78,121,.12)!important;
}
body.theme-review .banner-wrapper{border-radius:8px!important;box-shadow:none!important}
body.theme-review .hero-overlay-box{
    background:rgba(255,255,255,.90)!important;
    color:#133653!important;
    border:1px solid rgba(31,78,121,.16)!important;
    border-radius:12px!important;
    box-shadow:0 12px 24px rgba(17,24,39,.10)!important;
}
body.theme-review .hero-overlay-box .hero-overlay-kicker,
body.theme-review .hero-overlay-box .hero-overlay-title,
body.theme-review .hero-overlay-box .hero-overlay-subtitle,
body.theme-review .hero-overlay-box .hero-overlay-desc{color:#133653!important;text-shadow:none!important}

/* Sales Landing: header mạnh, CTA và hero nổi bật */
body.theme-sales .site-nav{
    margin:0 10px 20px!important;
    border-radius:0 0 22px 22px!important;
    background:linear-gradient(135deg,#0877b8,#04527f)!important;
    box-shadow:0 18px 38px rgba(4,82,127,.18)!important;
}
body.theme-sales .site-nav .nav>li>a{padding:19px 24px!important}
body.theme-sales .site-nav .nav>li:last-child>a{
    background:var(--skin-accent)!important;
    color:#fff!important;
    border-radius:999px!important;
    margin-left:8px!important;
    box-shadow:0 10px 20px rgba(245,158,11,.25)!important;
}
body.theme-sales .website-wrapper{
    padding:12px!important;
    border-radius:26px!important;
    background:linear-gradient(180deg,#fff,#eaf7ff)!important;
}
body.theme-sales .banner-wrapper{border-radius:22px!important;border:1px solid rgba(8,119,184,.14)!important}
body.theme-sales .hero-overlay-box{
    background:linear-gradient(135deg,rgba(4,82,127,.82),rgba(8,119,184,.66))!important;
    border:1px solid rgba(255,211,106,.30)!important;
    box-shadow:0 22px 48px rgba(4,82,127,.24)!important;
}
body.theme-sales .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#f59e0b,#f97316)!important;
    box-shadow:0 12px 24px rgba(245,158,11,.30)!important;
}

/* CTA nổi: mỗi skin có cảm giác riêng, gọn và ít che nội dung hơn */
body.theme-luxury .floating-action.loan,
body.theme-luxury .floating-action.price-download{background:linear-gradient(135deg,#21466f,#173456)!important;color:#fff!important}
body.theme-luxury .floating-action.zalo{background:#caa35a!important;color:#fff!important}
body.theme-urban .floating-action.loan,
body.theme-urban .floating-action.price-download{background:linear-gradient(135deg,#1262a3,#0a3f73)!important;color:#fff!important}
body.theme-urban .floating-action.zalo{background:#23a6df!important;color:#fff!important}
body.theme-eco .floating-action.loan,
body.theme-eco .floating-action.price-download{background:linear-gradient(135deg,#0f8b7e,#087063)!important;color:#fff!important}
body.theme-eco .floating-action.zalo{background:#d6a647!important;color:#fff!important}
body.theme-warm .floating-action.loan,
body.theme-warm .floating-action.price-download{background:linear-gradient(135deg,#a05a2d,#7d421f)!important;color:#fff!important}
body.theme-warm .floating-action.zalo{background:#e39b47!important;color:#fff!important}
body.theme-review .floating-action.loan,
body.theme-review .floating-action.price-download{background:#1f4e79!important;color:#fff!important}
body.theme-review .floating-action.zalo{background:#0e9f6e!important;color:#fff!important}
body.theme-sales .floating-action.loan,
body.theme-sales .floating-action.price-download{background:linear-gradient(135deg,#0877b8,#04527f)!important;color:#fff!important}
body.theme-sales .floating-action.zalo{background:#f59e0b!important;color:#fff!important}
body.theme-luxury .floating-action,
body.theme-urban .floating-action,
body.theme-eco .floating-action,
body.theme-warm .floating-action,
body.theme-review .floating-action,
body.theme-sales .floating-action{
    border:1px solid rgba(255,255,255,.18)!important;
}
body.theme-luxury .floating-action .circle,
body.theme-urban .floating-action .circle,
body.theme-eco .floating-action .circle,
body.theme-warm .floating-action .circle,
body.theme-review .floating-action .circle,
body.theme-sales .floating-action .circle{
    color:var(--skin-primary)!important;
}

/* Mobile: giữ an toàn, không phá menu xổ xuống */
@media(max-width:767px){
    body.theme-luxury .site-nav,
    body.theme-urban .site-nav,
    body.theme-eco .site-nav,
    body.theme-warm .site-nav,
    body.theme-review .site-nav,
    body.theme-sales .site-nav{
        margin:0 0 12px!important;
        border-radius:0 0 16px 16px!important;
    }
    body.theme-sales .site-nav .nav>li:last-child>a{margin-left:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
    body.theme-review .site-nav .nav>li>a{color:#fff!important}
    body.theme-review .site-nav .navbar-toggle .icon-bar{background:#133653!important}
    body.theme-review .site-nav .dropdown-menu>li>a{color:#fff!important;background:#133653!important}
    body.theme-luxury .website-wrapper,
    body.theme-urban .website-wrapper,
    body.theme-eco .website-wrapper,
    body.theme-warm .website-wrapper,
    body.theme-review .website-wrapper,
    body.theme-sales .website-wrapper{
        border-radius:16px!important;
        padding:8px!important;
    }
    body.theme-luxury .banner-wrapper,
    body.theme-urban .banner-wrapper,
    body.theme-eco .banner-wrapper,
    body.theme-warm .banner-wrapper,
    body.theme-review .banner-wrapper,
    body.theme-sales .banner-wrapper{border-radius:14px!important}
}

/* V96.8 - Đưa thanh menu sát mép trên, bỏ khe hở phía trên ở các skin */
body.theme-luxury,
body.theme-urban,
body.theme-eco,
body.theme-warm,
body.theme-review,
body.theme-sales,
body.theme-classic{
    margin-top:0!important;
    padding-top:0!important;
}
body.theme-luxury .site-header,
body.theme-urban .site-header,
body.theme-eco .site-header,
body.theme-warm .site-header,
body.theme-review .site-header,
body.theme-sales .site-header,
body.theme-luxury header,
body.theme-urban header,
body.theme-eco header,
body.theme-warm header,
body.theme-review header,
body.theme-sales header,
body.theme-luxury .header,
body.theme-urban .header,
body.theme-eco .header,
body.theme-warm .header,
body.theme-review .header,
body.theme-sales .header,
body.theme-luxury .header-wrapper,
body.theme-urban .header-wrapper,
body.theme-eco .header-wrapper,
body.theme-warm .header-wrapper,
body.theme-review .header-wrapper,
body.theme-sales .header-wrapper,
body.theme-luxury .menu-wrapper,
body.theme-urban .menu-wrapper,
body.theme-eco .menu-wrapper,
body.theme-warm .menu-wrapper,
body.theme-review .menu-wrapper,
body.theme-sales .menu-wrapper,
body.theme-luxury .nav-wrapper,
body.theme-urban .nav-wrapper,
body.theme-eco .nav-wrapper,
body.theme-warm .nav-wrapper,
body.theme-review .nav-wrapper,
body.theme-sales .nav-wrapper{
    margin-top:0!important;
    padding-top:0!important;
}
body.theme-luxury #legacy-main-menu,
body.theme-urban #legacy-main-menu,
body.theme-eco #legacy-main-menu,
body.theme-warm #legacy-main-menu,
body.theme-review #legacy-main-menu,
body.theme-sales #legacy-main-menu,
body.theme-luxury .site-nav,
body.theme-urban .site-nav,
body.theme-eco .site-nav,
body.theme-warm .site-nav,
body.theme-review .site-nav,
body.theme-sales .site-nav,
body.theme-luxury .main-menu,
body.theme-urban .main-menu,
body.theme-eco .main-menu,
body.theme-warm .main-menu,
body.theme-review .main-menu,
body.theme-sales .main-menu,
body.theme-luxury .navbar,
body.theme-urban .navbar,
body.theme-eco .navbar,
body.theme-warm .navbar,
body.theme-review .navbar,
body.theme-sales .navbar{
    margin-top:0!important;
    top:0!important;
}
/* Nếu menu đang nằm trong container có khoảng đệm trên, ép sát riêng vùng menu */
body.theme-luxury .main-menu-wrap,
body.theme-urban .main-menu-wrap,
body.theme-eco .main-menu-wrap,
body.theme-warm .main-menu-wrap,
body.theme-review .main-menu-wrap,
body.theme-sales .main-menu-wrap,
body.theme-luxury .menu-area,
body.theme-urban .menu-area,
body.theme-eco .menu-area,
body.theme-warm .menu-area,
body.theme-review .menu-area,
body.theme-sales .menu-area,
body.theme-luxury .navbar-area,
body.theme-urban .navbar-area,
body.theme-eco .navbar-area,
body.theme-warm .navbar-area,
body.theme-review .navbar-area,
body.theme-sales .navbar-area{
    padding-top:0!important;
    margin-top:0!important;
}

/* V96.9 - Đồng bộ menu xổ xuống mobile theo skin + bỏ nút Liên hệ màu cam riêng ở Sales */
body.theme-sales .site-nav .nav>li:last-child>a,
body.theme-sales #legacy-main-menu .navbar-nav>li:last-child>a{
    background:transparent!important;
    color:var(--skin-menu-text)!important;
    border-radius:calc(var(--skin-radius) + 4px)!important;
    margin-left:0!important;
    box-shadow:none!important;
}
body.theme-sales .site-nav .nav>li:last-child>a:hover,
body.theme-sales #legacy-main-menu .navbar-nav>li:last-child>a:hover,
body.theme-sales .site-nav .nav>li:last-child.active>a,
body.theme-sales #legacy-main-menu .navbar-nav>li:last-child.active>a{
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
}

@media(max-width:991px){
    body.theme-luxury .navbar-collapse,
    body.theme-urban .navbar-collapse,
    body.theme-eco .navbar-collapse,
    body.theme-warm .navbar-collapse,
    body.theme-review .navbar-collapse,
    body.theme-sales .navbar-collapse,
    body.theme-luxury #legacy-main-menu .navbar-collapse,
    body.theme-urban #legacy-main-menu .navbar-collapse,
    body.theme-eco #legacy-main-menu .navbar-collapse,
    body.theme-warm #legacy-main-menu .navbar-collapse,
    body.theme-review #legacy-main-menu .navbar-collapse,
    body.theme-sales #legacy-main-menu .navbar-collapse,
    body.theme-luxury .mobile-menu,
    body.theme-urban .mobile-menu,
    body.theme-eco .mobile-menu,
    body.theme-warm .mobile-menu,
    body.theme-review .mobile-menu,
    body.theme-sales .mobile-menu,
    body.theme-luxury .offcanvas-menu,
    body.theme-urban .offcanvas-menu,
    body.theme-eco .offcanvas-menu,
    body.theme-warm .offcanvas-menu,
    body.theme-review .offcanvas-menu,
    body.theme-sales .offcanvas-menu{
        background:var(--skin-menu-bg)!important;
        border-color:rgba(255,255,255,.12)!important;
    }

    body.theme-luxury .navbar-collapse .nav>li>a,
    body.theme-urban .navbar-collapse .nav>li>a,
    body.theme-eco .navbar-collapse .nav>li>a,
    body.theme-warm .navbar-collapse .nav>li>a,
    body.theme-sales .navbar-collapse .nav>li>a,
    body.theme-luxury .mobile-menu a,
    body.theme-urban .mobile-menu a,
    body.theme-eco .mobile-menu a,
    body.theme-warm .mobile-menu a,
    body.theme-sales .mobile-menu a{
        color:#fff!important;
        background:rgba(255,255,255,.045)!important;
        border-color:rgba(255,255,255,.08)!important;
    }
    body.theme-review .navbar-collapse .nav>li>a,
    body.theme-review .mobile-menu a{
        color:#133653!important;
        background:#fff!important;
        border-color:rgba(31,78,121,.12)!important;
    }

    body.theme-luxury .navbar-collapse .nav>li.active>a,
    body.theme-luxury .navbar-collapse .nav>li>a:hover,
    body.theme-urban .navbar-collapse .nav>li.active>a,
    body.theme-urban .navbar-collapse .nav>li>a:hover,
    body.theme-eco .navbar-collapse .nav>li.active>a,
    body.theme-eco .navbar-collapse .nav>li>a:hover,
    body.theme-warm .navbar-collapse .nav>li.active>a,
    body.theme-warm .navbar-collapse .nav>li>a:hover,
    body.theme-sales .navbar-collapse .nav>li.active>a,
    body.theme-sales .navbar-collapse .nav>li>a:hover{
        background:rgba(255,255,255,.14)!important;
        color:#fff!important;
        box-shadow:none!important;
    }
    body.theme-review .navbar-collapse .nav>li.active>a,
    body.theme-review .navbar-collapse .nav>li>a:hover{
        background:#edf4fa!important;
        color:var(--skin-primary)!important;
    }

    body.theme-luxury .navbar-collapse .dropdown-menu,
    body.theme-urban .navbar-collapse .dropdown-menu,
    body.theme-eco .navbar-collapse .dropdown-menu,
    body.theme-warm .navbar-collapse .dropdown-menu,
    body.theme-review .navbar-collapse .dropdown-menu,
    body.theme-sales .navbar-collapse .dropdown-menu,
    body.theme-luxury #legacy-main-menu .dropdown-menu,
    body.theme-urban #legacy-main-menu .dropdown-menu,
    body.theme-eco #legacy-main-menu .dropdown-menu,
    body.theme-warm #legacy-main-menu .dropdown-menu,
    body.theme-review #legacy-main-menu .dropdown-menu,
    body.theme-sales #legacy-main-menu .dropdown-menu{
        background:rgba(0,0,0,.10)!important;
        border:0!important;
        box-shadow:none!important;
        border-radius:0 0 var(--skin-radius-lg) var(--skin-radius-lg)!important;
        margin:0!important;
        padding:0!important;
    }
    body.theme-review .navbar-collapse .dropdown-menu,
    body.theme-review #legacy-main-menu .dropdown-menu{
        background:#f6f8fb!important;
    }

    body.theme-luxury .navbar-collapse .dropdown-menu>li>a,
    body.theme-urban .navbar-collapse .dropdown-menu>li>a,
    body.theme-eco .navbar-collapse .dropdown-menu>li>a,
    body.theme-warm .navbar-collapse .dropdown-menu>li>a,
    body.theme-sales .navbar-collapse .dropdown-menu>li>a,
    body.theme-luxury #legacy-main-menu .dropdown-menu>li>a,
    body.theme-urban #legacy-main-menu .dropdown-menu>li>a,
    body.theme-eco #legacy-main-menu .dropdown-menu>li>a,
    body.theme-warm #legacy-main-menu .dropdown-menu>li>a,
    body.theme-sales #legacy-main-menu .dropdown-menu>li>a{
        color:#fff!important;
        background:rgba(0,0,0,.07)!important;
        border-top:1px solid rgba(255,255,255,.14)!important;
        padding:14px 20px 14px 34px!important;
    }
    body.theme-review .navbar-collapse .dropdown-menu>li>a,
    body.theme-review #legacy-main-menu .dropdown-menu>li>a{
        color:#133653!important;
        background:#fff!important;
        border-top:1px solid rgba(31,78,121,.12)!important;
    }

    body.theme-luxury .navbar-collapse .dropdown-menu>li>a:before,
    body.theme-urban .navbar-collapse .dropdown-menu>li>a:before,
    body.theme-eco .navbar-collapse .dropdown-menu>li>a:before,
    body.theme-warm .navbar-collapse .dropdown-menu>li>a:before,
    body.theme-sales .navbar-collapse .dropdown-menu>li>a:before,
    body.theme-luxury #legacy-main-menu .dropdown-menu>li>a:before,
    body.theme-urban #legacy-main-menu .dropdown-menu>li>a:before,
    body.theme-eco #legacy-main-menu .dropdown-menu>li>a:before,
    body.theme-warm #legacy-main-menu .dropdown-menu>li>a:before,
    body.theme-sales #legacy-main-menu .dropdown-menu>li>a:before{
        background:var(--skin-accent)!important;
    }

    body.theme-sales .site-nav .nav>li:last-child>a,
    body.theme-sales #legacy-main-menu .navbar-nav>li:last-child>a{
        background:rgba(255,255,255,.045)!important;
        color:#fff!important;
        border-radius:0!important;
        margin:0!important;
        box-shadow:none!important;
        padding:14px 18px!important;
    }
}

/* V96.3 - Gom cụm nút nổi bên phải trên desktop, giữ nguyên mobile */
@media (min-width: 769px){
  body.theme-luxury .floating-contact-stack,
  body.theme-urban .floating-contact-stack,
  body.theme-eco .floating-contact-stack,
  body.theme-warm .floating-contact-stack,
  body.theme-review .floating-contact-stack,
  body.theme-sales .floating-contact-stack{
    right:18px!important;
    bottom:118px!important;
    gap:10px!important;
    align-items:flex-end!important;
    z-index:10020!important;
  }

  body.theme-luxury .floating-action,
  body.theme-urban .floating-action,
  body.theme-eco .floating-action,
  body.theme-warm .floating-action,
  body.theme-review .floating-action,
  body.theme-sales .floating-action{
    height:54px!important;
    min-height:54px!important;
    border-radius:999px!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    box-shadow:0 14px 32px rgba(15,23,42,.18)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transition:width .22s ease, min-width .22s ease, padding .22s ease, transform .18s ease, box-shadow .18s ease!important;
  }

  body.theme-luxury .floating-action.zalo,
  body.theme-urban .floating-action.zalo,
  body.theme-eco .floating-action.zalo,
  body.theme-warm .floating-action.zalo,
  body.theme-review .floating-action.zalo,
  body.theme-sales .floating-action.zalo{
    width:54px!important;
    min-width:54px!important;
    font-size:14px!important;
    letter-spacing:.01em;
  }

  body.theme-luxury .floating-action.loan,
  body.theme-urban .floating-action.loan,
  body.theme-eco .floating-action.loan,
  body.theme-warm .floating-action.loan,
  body.theme-review .floating-action.loan,
  body.theme-sales .floating-action.loan,
  body.theme-luxury .floating-action.price-download,
  body.theme-urban .floating-action.price-download,
  body.theme-eco .floating-action.price-download,
  body.theme-warm .floating-action.price-download,
  body.theme-review .floating-action.price-download,
  body.theme-sales .floating-action.price-download{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    justify-content:flex-start!important;
    gap:0!important;
  }

  body.theme-luxury .floating-action.loan:hover,
  body.theme-urban .floating-action.loan:hover,
  body.theme-eco .floating-action.loan:hover,
  body.theme-warm .floating-action.loan:hover,
  body.theme-review .floating-action.loan:hover,
  body.theme-sales .floating-action.loan:hover,
  body.theme-luxury .floating-action.price-download:hover,
  body.theme-urban .floating-action.price-download:hover,
  body.theme-eco .floating-action.price-download:hover,
  body.theme-warm .floating-action.price-download:hover,
  body.theme-review .floating-action.price-download:hover,
  body.theme-sales .floating-action.price-download:hover{
    width:172px!important;
    min-width:172px!important;
    max-width:172px!important;
    padding-right:16px!important;
    transform:translateX(-2px)!important;
  }

  body.theme-luxury .floating-action .circle,
  body.theme-urban .floating-action .circle,
  body.theme-eco .floating-action .circle,
  body.theme-warm .floating-action .circle,
  body.theme-review .floating-action .circle,
  body.theme-sales .floating-action .circle{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin-left:8px!important;
    margin-right:0!important;
  }

  body.theme-luxury .floating-action .label,
  body.theme-urban .floating-action .label,
  body.theme-eco .floating-action .label,
  body.theme-warm .floating-action .label,
  body.theme-review .floating-action .label,
  body.theme-sales .floating-action .label{
    display:inline-flex!important;
    align-items:center!important;
    max-width:0!important;
    opacity:0!important;
    overflow:hidden!important;
    margin-left:0!important;
    transform:translateX(-4px);
    transition:max-width .2s ease, opacity .16s ease, margin-left .2s ease, transform .2s ease!important;
    font-size:15px!important;
    line-height:1!important;
  }

  body.theme-luxury .floating-action:hover .label,
  body.theme-urban .floating-action:hover .label,
  body.theme-eco .floating-action:hover .label,
  body.theme-warm .floating-action:hover .label,
  body.theme-review .floating-action:hover .label,
  body.theme-sales .floating-action:hover .label{
    max-width:110px!important;
    opacity:1!important;
    margin-left:9px!important;
    transform:translateX(0);
  }

  body.theme-luxury .floating-action.price-download .price-close-x,
  body.theme-urban .floating-action.price-download .price-close-x,
  body.theme-eco .floating-action.price-download .price-close-x,
  body.theme-warm .floating-action.price-download .price-close-x,
  body.theme-review .floating-action.price-download .price-close-x,
  body.theme-sales .floating-action.price-download .price-close-x{
    display:none!important;
  }

  body.theme-luxury .floating-action.price-download .price-icon-circle,
  body.theme-urban .floating-action.price-download .price-icon-circle,
  body.theme-eco .floating-action.price-download .price-icon-circle,
  body.theme-warm .floating-action.price-download .price-icon-circle,
  body.theme-review .floating-action.price-download .price-icon-circle,
  body.theme-sales .floating-action.price-download .price-icon-circle{
    background:rgba(255,255,255,.96)!important;
  }
}

/* V96.4 - Thu nhỏ cụm nút nổi desktop và đẩy sát mép phải 5px, giữ nguyên mobile */
@media (min-width: 769px){
  body.theme-luxury .floating-contact-stack,
  body.theme-urban .floating-contact-stack,
  body.theme-eco .floating-contact-stack,
  body.theme-warm .floating-contact-stack,
  body.theme-review .floating-contact-stack,
  body.theme-sales .floating-contact-stack{
    right:5px!important;
    gap:8px!important;
    transform:none!important;
  }

  body.theme-luxury .floating-action,
  body.theme-urban .floating-action,
  body.theme-eco .floating-action,
  body.theme-warm .floating-action,
  body.theme-review .floating-action,
  body.theme-sales .floating-action{
    height:44px!important;
    min-height:44px!important;
    border-radius:999px!important;
    box-shadow:0 10px 24px rgba(15,23,42,.16)!important;
  }

  body.theme-luxury .floating-action.zalo,
  body.theme-urban .floating-action.zalo,
  body.theme-eco .floating-action.zalo,
  body.theme-warm .floating-action.zalo,
  body.theme-review .floating-action.zalo,
  body.theme-sales .floating-action.zalo,
  body.theme-luxury .floating-action.loan,
  body.theme-urban .floating-action.loan,
  body.theme-eco .floating-action.loan,
  body.theme-warm .floating-action.loan,
  body.theme-review .floating-action.loan,
  body.theme-sales .floating-action.loan,
  body.theme-luxury .floating-action.price-download,
  body.theme-urban .floating-action.price-download,
  body.theme-eco .floating-action.price-download,
  body.theme-warm .floating-action.price-download,
  body.theme-review .floating-action.price-download,
  body.theme-sales .floating-action.price-download{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    font-size:13px!important;
  }

  body.theme-luxury .floating-action.loan:hover,
  body.theme-urban .floating-action.loan:hover,
  body.theme-eco .floating-action.loan:hover,
  body.theme-warm .floating-action.loan:hover,
  body.theme-review .floating-action.loan:hover,
  body.theme-sales .floating-action.loan:hover,
  body.theme-luxury .floating-action.price-download:hover,
  body.theme-urban .floating-action.price-download:hover,
  body.theme-eco .floating-action.price-download:hover,
  body.theme-warm .floating-action.price-download:hover,
  body.theme-review .floating-action.price-download:hover,
  body.theme-sales .floating-action.price-download:hover{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    padding-right:12px!important;
    transform:translateX(-3px)!important;
  }

  body.theme-luxury .floating-action .circle,
  body.theme-urban .floating-action .circle,
  body.theme-eco .floating-action .circle,
  body.theme-warm .floating-action .circle,
  body.theme-review .floating-action .circle,
  body.theme-sales .floating-action .circle,
  body.theme-luxury .floating-action .price-icon-circle,
  body.theme-urban .floating-action .price-icon-circle,
  body.theme-eco .floating-action .price-icon-circle,
  body.theme-warm .floating-action .price-icon-circle,
  body.theme-review .floating-action .price-icon-circle,
  body.theme-sales .floating-action .price-icon-circle{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    margin-left:7px!important;
    margin-right:0!important;
    font-size:15px!important;
  }

  body.theme-luxury .floating-action:hover .label,
  body.theme-urban .floating-action:hover .label,
  body.theme-eco .floating-action:hover .label,
  body.theme-warm .floating-action:hover .label,
  body.theme-review .floating-action:hover .label,
  body.theme-sales .floating-action:hover .label{
    max-width:95px!important;
    margin-left:7px!important;
    font-size:14px!important;
  }

  body.theme-luxury .back-to-top,
  body.theme-urban .back-to-top,
  body.theme-eco .back-to-top,
  body.theme-warm .back-to-top,
  body.theme-review .back-to-top,
  body.theme-sales .back-to-top,
  body.theme-luxury .scroll-top,
  body.theme-urban .scroll-top,
  body.theme-eco .scroll-top,
  body.theme-warm .scroll-top,
  body.theme-review .scroll-top,
  body.theme-sales .scroll-top,
  body.theme-luxury .go-top,
  body.theme-urban .go-top,
  body.theme-eco .go-top,
  body.theme-warm .go-top,
  body.theme-review .go-top,
  body.theme-sales .go-top,
  body.theme-luxury .btn-top,
  body.theme-urban .btn-top,
  body.theme-eco .btn-top,
  body.theme-warm .btn-top,
  body.theme-review .btn-top,
  body.theme-sales .btn-top,
  body.theme-luxury .backtotop,
  body.theme-urban .backtotop,
  body.theme-eco .backtotop,
  body.theme-warm .backtotop,
  body.theme-review .backtotop,
  body.theme-sales .backtotop{
    right:5px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:999px!important;
  }
}

/* V96.5 - Can thang hang cum nut noi desktop voi nut len dau, giu nguyen mobile */
@media (min-width: 769px){
  body.theme-luxury .floating-contact-stack,
  body.theme-urban .floating-contact-stack,
  body.theme-eco .floating-contact-stack,
  body.theme-warm .floating-contact-stack,
  body.theme-review .floating-contact-stack,
  body.theme-sales .floating-contact-stack{
    right:5px!important;
    align-items:flex-end!important;
  }

  body.theme-luxury .floating-action,
  body.theme-urban .floating-action,
  body.theme-eco .floating-action,
  body.theme-warm .floating-action,
  body.theme-review .floating-action,
  body.theme-sales .floating-action,
  body.theme-luxury .floating-action.zalo,
  body.theme-urban .floating-action.zalo,
  body.theme-eco .floating-action.zalo,
  body.theme-warm .floating-action.zalo,
  body.theme-review .floating-action.zalo,
  body.theme-sales .floating-action.zalo,
  body.theme-luxury .floating-action.loan,
  body.theme-urban .floating-action.loan,
  body.theme-eco .floating-action.loan,
  body.theme-warm .floating-action.loan,
  body.theme-review .floating-action.loan,
  body.theme-sales .floating-action.loan,
  body.theme-luxury .floating-action.price-download,
  body.theme-urban .floating-action.price-download,
  body.theme-eco .floating-action.price-download,
  body.theme-warm .floating-action.price-download,
  body.theme-review .floating-action.price-download,
  body.theme-sales .floating-action.price-download{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.theme-luxury .floating-action .circle,
  body.theme-urban .floating-action .circle,
  body.theme-eco .floating-action .circle,
  body.theme-warm .floating-action .circle,
  body.theme-review .floating-action .circle,
  body.theme-sales .floating-action .circle,
  body.theme-luxury .floating-action .price-icon-circle,
  body.theme-urban .floating-action .price-icon-circle,
  body.theme-eco .floating-action .price-icon-circle,
  body.theme-warm .floating-action .price-icon-circle,
  body.theme-review .floating-action .price-icon-circle,
  body.theme-sales .floating-action .price-icon-circle{
    margin:0!important;
  }

  body.theme-luxury .scroll-to-top,
  body.theme-urban .scroll-to-top,
  body.theme-eco .scroll-to-top,
  body.theme-warm .scroll-to-top,
  body.theme-review .scroll-to-top,
  body.theme-sales .scroll-to-top{
    right:5px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    line-height:44px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  body.theme-luxury .scroll-to-top i,
  body.theme-urban .scroll-to-top i,
  body.theme-eco .scroll-to-top i,
  body.theme-warm .scroll-to-top i,
  body.theme-review .scroll-to-top i,
  body.theme-sales .scroll-to-top i{
    line-height:1!important;
    margin:0!important;
  }
}

/* V96.6 - Desktop: can giua icon tai bang gia va an nut goi dien trong cum nut noi; giu nguyen mobile */
@media (min-width: 769px){
  body.theme-luxury .floating-contact-stack a[href^="tel:"],
  body.theme-urban .floating-contact-stack a[href^="tel:"],
  body.theme-eco .floating-contact-stack a[href^="tel:"],
  body.theme-warm .floating-contact-stack a[href^="tel:"],
  body.theme-review .floating-contact-stack a[href^="tel:"],
  body.theme-sales .floating-contact-stack a[href^="tel:"],
  body.theme-luxury .floating-contact-stack .floating-action.phone,
  body.theme-urban .floating-contact-stack .floating-action.phone,
  body.theme-eco .floating-contact-stack .floating-action.phone,
  body.theme-warm .floating-contact-stack .floating-action.phone,
  body.theme-review .floating-contact-stack .floating-action.phone,
  body.theme-sales .floating-contact-stack .floating-action.phone,
  body.theme-luxury .floating-contact-stack .floating-action.hotline,
  body.theme-urban .floating-contact-stack .floating-action.hotline,
  body.theme-eco .floating-contact-stack .floating-action.hotline,
  body.theme-warm .floating-contact-stack .floating-action.hotline,
  body.theme-review .floating-contact-stack .floating-action.hotline,
  body.theme-sales .floating-contact-stack .floating-action.hotline,
  body.theme-luxury .floating-contact-stack .floating-action.call,
  body.theme-urban .floating-contact-stack .floating-action.call,
  body.theme-eco .floating-contact-stack .floating-action.call,
  body.theme-warm .floating-contact-stack .floating-action.call,
  body.theme-review .floating-contact-stack .floating-action.call,
  body.theme-sales .floating-contact-stack .floating-action.call{
    display:none!important;
  }

  body.theme-luxury .floating-action.price-download,
  body.theme-urban .floating-action.price-download,
  body.theme-eco .floating-action.price-download,
  body.theme-warm .floating-action.price-download,
  body.theme-review .floating-action.price-download,
  body.theme-sales .floating-action.price-download{
    overflow:hidden!important;
  }

  body.theme-luxury .floating-action.price-download .price-icon-circle,
  body.theme-urban .floating-action.price-download .price-icon-circle,
  body.theme-eco .floating-action.price-download .price-icon-circle,
  body.theme-warm .floating-action.price-download .price-icon-circle,
  body.theme-review .floating-action.price-download .price-icon-circle,
  body.theme-sales .floating-action.price-download .price-icon-circle,
  body.theme-luxury .floating-action.price-download .circle,
  body.theme-urban .floating-action.price-download .circle,
  body.theme-eco .floating-action.price-download .circle,
  body.theme-warm .floating-action.price-download .circle,
  body.theme-review .floating-action.price-download .circle,
  body.theme-sales .floating-action.price-download .circle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  body.theme-luxury .floating-action.price-download img,
  body.theme-urban .floating-action.price-download img,
  body.theme-eco .floating-action.price-download img,
  body.theme-warm .floating-action.price-download img,
  body.theme-review .floating-action.price-download img,
  body.theme-sales .floating-action.price-download img{
    display:block!important;
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    object-fit:contain!important;
    margin:auto!important;
    position:static!important;
    transform:none!important;
  }
}

/* V96.7 - Desktop: can giua that icon PDF/Tai bang gia, giu nguyen mobile */
@media (min-width: 769px){
  body.theme-luxury .floating-action.price-download,
  body.theme-urban .floating-action.price-download,
  body.theme-eco .floating-action.price-download,
  body.theme-warm .floating-action.price-download,
  body.theme-review .floating-action.price-download,
  body.theme-sales .floating-action.price-download{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  body.theme-luxury .floating-action.price-download .price-icon-circle,
  body.theme-urban .floating-action.price-download .price-icon-circle,
  body.theme-eco .floating-action.price-download .price-icon-circle,
  body.theme-warm .floating-action.price-download .price-icon-circle,
  body.theme-review .floating-action.price-download .price-icon-circle,
  body.theme-sales .floating-action.price-download .price-icon-circle,
  body.theme-luxury .floating-action.price-download .circle,
  body.theme-urban .floating-action.price-download .circle,
  body.theme-eco .floating-action.price-download .circle,
  body.theme-warm .floating-action.price-download .circle,
  body.theme-review .floating-action.price-download .circle,
  body.theme-sales .floating-action.price-download .circle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:0!important;
  }

  body.theme-luxury .floating-action.price-download img,
  body.theme-urban .floating-action.price-download img,
  body.theme-eco .floating-action.price-download img,
  body.theme-warm .floating-action.price-download img,
  body.theme-review .floating-action.price-download img,
  body.theme-sales .floating-action.price-download img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
    width:24px!important;
    height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
  }
}

/* V96.8 - Desktop: khi hover nut Tai bang gia, dua icon PDF sang trai de khong che chu; mobile giu nguyen */
@media (min-width: 769px){
  body.theme-luxury .floating-action.price-download:hover,
  body.theme-urban .floating-action.price-download:hover,
  body.theme-eco .floating-action.price-download:hover,
  body.theme-warm .floating-action.price-download:hover,
  body.theme-review .floating-action.price-download:hover,
  body.theme-sales .floating-action.price-download:hover{
    width:150px!important;
    max-width:150px!important;
    min-width:150px!important;
    height:44px!important;
    padding:0 14px 0 48px!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.theme-luxury .floating-action.price-download:hover .price-icon-circle,
  body.theme-urban .floating-action.price-download:hover .price-icon-circle,
  body.theme-eco .floating-action.price-download:hover .price-icon-circle,
  body.theme-warm .floating-action.price-download:hover .price-icon-circle,
  body.theme-review .floating-action.price-download:hover .price-icon-circle,
  body.theme-sales .floating-action.price-download:hover .price-icon-circle,
  body.theme-luxury .floating-action.price-download:hover .circle,
  body.theme-urban .floating-action.price-download:hover .circle,
  body.theme-eco .floating-action.price-download:hover .circle,
  body.theme-warm .floating-action.price-download:hover .circle,
  body.theme-review .floating-action.price-download:hover .circle,
  body.theme-sales .floating-action.price-download:hover .circle{
    left:23px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    margin:0!important;
    z-index:1!important;
  }

  body.theme-luxury .floating-action.price-download:hover img,
  body.theme-urban .floating-action.price-download:hover img,
  body.theme-eco .floating-action.price-download:hover img,
  body.theme-warm .floating-action.price-download:hover img,
  body.theme-review .floating-action.price-download:hover img,
  body.theme-sales .floating-action.price-download:hover img{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }

  body.theme-luxury .floating-action.price-download:hover .label,
  body.theme-urban .floating-action.price-download:hover .label,
  body.theme-eco .floating-action.price-download:hover .label,
  body.theme-warm .floating-action.price-download:hover .label,
  body.theme-review .floating-action.price-download:hover .label,
  body.theme-sales .floating-action.price-download:hover .label{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
}

/* V96.9 - Desktop: CTA noi doi style rieng theo tung skin; mobile giu nguyen */
@media (min-width: 769px){
  body.theme-luxury .floating-action,
  body.theme-urban .floating-action,
  body.theme-eco .floating-action,
  body.theme-warm .floating-action,
  body.theme-review .floating-action,
  body.theme-sales .floating-action,
  body.theme-luxury .scroll-to-top,
  body.theme-urban .scroll-to-top,
  body.theme-eco .scroll-to-top,
  body.theme-warm .scroll-to-top,
  body.theme-review .scroll-to-top,
  body.theme-sales .scroll-to-top{
    box-shadow:0 12px 26px rgba(10,25,40,.18)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    transition:width .22s ease, transform .18s ease, box-shadow .18s ease, background .18s ease!important;
  }

  body.theme-luxury .floating-action:hover,
  body.theme-urban .floating-action:hover,
  body.theme-eco .floating-action:hover,
  body.theme-warm .floating-action:hover,
  body.theme-review .floating-action:hover,
  body.theme-sales .floating-action:hover,
  body.theme-luxury .scroll-to-top:hover,
  body.theme-urban .scroll-to-top:hover,
  body.theme-eco .scroll-to-top:hover,
  body.theme-warm .scroll-to-top:hover,
  body.theme-review .scroll-to-top:hover,
  body.theme-sales .scroll-to-top:hover{
    transform:translateX(-2px)!important;
    box-shadow:0 16px 34px rgba(10,25,40,.24)!important;
  }

  /* Luxury: nho, sang, champagne/navy */
  body.theme-luxury .floating-action.zalo{
    background:linear-gradient(135deg,#d7b46c,#b98b36)!important;
    color:#173456!important;
  }
  body.theme-luxury .floating-action.loan{
    background:#173456!important;
    color:#f7e3a5!important;
    border-color:rgba(247,227,165,.55)!important;
  }
  body.theme-luxury .floating-action.price-download{
    background:linear-gradient(135deg,#f3d68d,#caa35a)!important;
    color:#173456!important;
  }
  body.theme-luxury .floating-action.price-download .price-icon-circle,
  body.theme-luxury .floating-action.price-download .circle{
    background:#fffaf0!important;
    border:1px solid rgba(23,52,86,.14)!important;
  }
  body.theme-luxury .scroll-to-top{
    background:#173456!important;
    color:#f7e3a5!important;
  }

  /* Urban: xanh duong gon, hien dai */
  body.theme-urban .floating-action.zalo{
    background:linear-gradient(135deg,#23a6df,#1262a3)!important;
    color:#fff!important;
  }
  body.theme-urban .floating-action.loan{
    background:#0a3f73!important;
    color:#fff!important;
  }
  body.theme-urban .floating-action.price-download{
    background:linear-gradient(135deg,#1fb6ec,#0f76bd)!important;
    color:#fff!important;
  }
  body.theme-urban .floating-action.price-download .price-icon-circle,
  body.theme-urban .floating-action.price-download .circle{
    background:#ffffff!important;
  }
  body.theme-urban .scroll-to-top{
    background:#0a3f73!important;
    color:#fff!important;
  }

  /* Eco: xanh ngoc, bo mem */
  body.theme-eco .floating-action,
  body.theme-eco .scroll-to-top{
    border-radius:18px!important;
  }
  body.theme-eco .floating-action.zalo{
    background:linear-gradient(135deg,#15b8a6,#0f8b7e)!important;
    color:#fff!important;
  }
  body.theme-eco .floating-action.loan{
    background:#0a6f62!important;
    color:#fff!important;
  }
  body.theme-eco .floating-action.price-download{
    background:linear-gradient(135deg,#2dd4bf,#0f9f8d)!important;
    color:#063f38!important;
  }
  body.theme-eco .floating-action.price-download .price-icon-circle,
  body.theme-eco .floating-action.price-download .circle{
    background:#e9fffb!important;
  }
  body.theme-eco .scroll-to-top{
    background:#0f8b7e!important;
    color:#fff!important;
  }

  /* Warm: be / cam dat, am hon */
  body.theme-warm .floating-action.zalo{
    background:linear-gradient(135deg,#efb15f,#c97932)!important;
    color:#4d2a12!important;
  }
  body.theme-warm .floating-action.loan{
    background:#8b4a22!important;
    color:#fff4e7!important;
  }
  body.theme-warm .floating-action.price-download{
    background:linear-gradient(135deg,#f2c078,#d9853b)!important;
    color:#4d2a12!important;
  }
  body.theme-warm .floating-action.price-download .price-icon-circle,
  body.theme-warm .floating-action.price-download .circle{
    background:#fff8ef!important;
  }
  body.theme-warm .scroll-to-top{
    background:#8b4a22!important;
    color:#fff4e7!important;
  }

  /* Review: nhe hon, khong qua sales */
  body.theme-review .floating-action,
  body.theme-review .scroll-to-top{
    opacity:.92!important;
    box-shadow:0 10px 22px rgba(15,23,42,.13)!important;
  }
  body.theme-review .floating-action.zalo{
    background:#ffffff!important;
    color:#0f5f8e!important;
    border-color:rgba(15,95,142,.25)!important;
  }
  body.theme-review .floating-action.loan{
    background:#f8fbff!important;
    color:#0f5f8e!important;
    border-color:rgba(15,95,142,.22)!important;
  }
  body.theme-review .floating-action.price-download{
    background:#0f5f8e!important;
    color:#fff!important;
  }
  body.theme-review .floating-action.price-download .price-icon-circle,
  body.theme-review .floating-action.price-download .circle{
    background:#ffffff!important;
  }
  body.theme-review .scroll-to-top{
    background:#ffffff!important;
    color:#0f5f8e!important;
    border-color:rgba(15,95,142,.25)!important;
  }

  /* Sales: CTA manh nhat nhung gon */
  body.theme-sales .floating-action.zalo{
    background:linear-gradient(135deg,#ffb22e,#f59e0b)!important;
    color:#ffffff!important;
  }
  body.theme-sales .floating-action.loan{
    background:linear-gradient(135deg,#0ea5e9,#0369a1)!important;
    color:#fff!important;
  }
  body.theme-sales .floating-action.price-download{
    background:linear-gradient(135deg,#ff5a3c,#f59e0b)!important;
    color:#fff!important;
  }
  body.theme-sales .floating-action.price-download .price-icon-circle,
  body.theme-sales .floating-action.price-download .circle{
    background:#fff!important;
  }
  body.theme-sales .scroll-to-top{
    background:#0f766e!important;
    color:#fff!important;
  }

  /* Chu khi hover nut tai bang gia */
  body.theme-luxury .floating-action.price-download:hover .label,
  body.theme-warm .floating-action.price-download:hover .label,
  body.theme-eco .floating-action.price-download:hover .label{
    font-weight:900!important;
  }
  body.theme-urban .floating-action.price-download:hover .label,
  body.theme-review .floating-action.price-download:hover .label,
  body.theme-sales .floating-action.price-download:hover .label{
    color:inherit!important;
    font-weight:900!important;
  }
}

/* V96.10 - Doi skin Review Pro thanh phong cach Corporate Premium cho web du an (khong dung cho code review) */
body.theme-review{
    --skin-primary:#0f3d63!important;
    --skin-primary-2:#092943!important;
    --skin-primary-3:#edf5fb!important;
    --skin-accent:#d8a84f!important;
    --skin-accent-2:#f2d58a!important;
    --skin-bg:#f5f8fb!important;
    --skin-bg-2:#ffffff!important;
    --skin-surface:#ffffff!important;
    --skin-soft:#edf5fb!important;
    --skin-text:#142033!important;
    --skin-heading:#0f3d63!important;
    --skin-border:rgba(15,61,99,.16)!important;
    --skin-footer-bg:linear-gradient(135deg,#0f3d63,#092943 72%,#143f63)!important;
    --skin-footer-text:#ffffff!important;
    --skin-menu-bg:linear-gradient(180deg,#ffffff,#f6f9fc)!important;
    --skin-menu-text:#0f3d63!important;
    --skin-radius:14px!important;
    --skin-radius-lg:22px!important;
    --skin-shadow:0 16px 38px rgba(15,61,99,.12)!important;
    --skin-shadow-soft:0 10px 24px rgba(15,61,99,.08)!important;
}

body.theme-review #legacy-main-menu,
body.theme-review .site-nav{
    background:var(--skin-menu-bg)!important;
    border-bottom:1px solid rgba(15,61,99,.12)!important;
    box-shadow:0 12px 30px rgba(15,61,99,.10)!important;
}
body.theme-review #legacy-main-menu .navbar-nav>li>a,
body.theme-review #legacy-main-menu .navbar-brand{
    color:#0f3d63!important;
}
body.theme-review #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-review #legacy-main-menu .navbar-nav>li.active>a{
    background:linear-gradient(135deg,#edf5fb,#ffffff)!important;
    color:#0f3d63!important;
    box-shadow:inset 0 3px 0 #d8a84f!important;
}

body.theme-review .banner-overlay,
body.theme-review .hero-card,
body.theme-review .home-hero-card,
body.theme-review .banner-caption{
    background:linear-gradient(135deg,rgba(15,61,99,.92),rgba(9,41,67,.88))!important;
    border:1px solid rgba(216,168,79,.38)!important;
    box-shadow:0 20px 44px rgba(9,41,67,.22)!important;
}
body.theme-review .banner-overlay h1,
body.theme-review .hero-card h1,
body.theme-review .home-hero-card h1,
body.theme-review .banner-caption h1{
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.18)!important;
}
body.theme-review .banner-overlay .sub,
body.theme-review .banner-overlay p,
body.theme-review .hero-card p,
body.theme-review .home-hero-card p,
body.theme-review .banner-caption p{
    color:#e7eef6!important;
}

body.theme-review .section-box,
body.theme-review .content-box,
body.theme-review .legacy-box,
body.theme-review .right-box,
body.theme-review .sidebar-box,
body.theme-review .project-info-box,
body.theme-review .contact-box,
body.theme-review .quick-doc-box,
body.theme-review .home-card,
body.theme-review .news-card{
    background:#ffffff!important;
    border:1px solid rgba(15,61,99,.13)!important;
    box-shadow:0 14px 34px rgba(15,61,99,.09)!important;
}
body.theme-review .section-title,
body.theme-review .box-title,
body.theme-review .right-box-title,
body.theme-review .sidebar-title,
body.theme-review .panel-title,
body.theme-review .module-title{
    color:#0f3d63!important;
}
body.theme-review .right-box .box-heading,
body.theme-review .sidebar-box .box-heading,
body.theme-review .project-info-title,
body.theme-review .contact-title,
body.theme-review .quick-doc-title,
body.theme-review .right-title{
    background:linear-gradient(135deg,#0f3d63,#092943)!important;
    color:#fff!important;
    border-bottom:3px solid #d8a84f!important;
}
body.theme-review .right-box,
body.theme-review .sidebar-box,
body.theme-review .project-info-box,
body.theme-review .contact-box,
body.theme-review .quick-doc-box{
    border-bottom:4px solid #0f3d63!important;
}

body.theme-review footer,
body.theme-review .footer,
body.theme-review #footer,
body.theme-review .site-footer,
body.theme-review .legacy-footer{
    background:var(--skin-footer-bg)!important;
    color:#ffffff!important;
    border:0!important;
    box-shadow:0 -12px 34px rgba(9,41,67,.16)!important;
}
body.theme-review footer h1,
body.theme-review footer h2,
body.theme-review footer h3,
body.theme-review footer h4,
body.theme-review .footer h1,
body.theme-review .footer h2,
body.theme-review .footer h3,
body.theme-review .footer h4,
body.theme-review #footer h1,
body.theme-review #footer h2,
body.theme-review #footer h3,
body.theme-review #footer h4,
body.theme-review .site-footer h1,
body.theme-review .site-footer h2,
body.theme-review .site-footer h3,
body.theme-review .site-footer h4,
body.theme-review .legacy-footer h1,
body.theme-review .legacy-footer h2,
body.theme-review .legacy-footer h3,
body.theme-review .legacy-footer h4{
    color:#f2d58a!important;
    opacity:1!important;
}
body.theme-review footer a,
body.theme-review .footer a,
body.theme-review #footer a,
body.theme-review .site-footer a,
body.theme-review .legacy-footer a{
    color:#ffffff!important;
    opacity:1!important;
}
body.theme-review .footer .tag-link,
body.theme-review footer .tag-link,
body.theme-review #footer .tag-link,
body.theme-review .site-footer .tag-link,
body.theme-review .legacy-footer .tag-link,
body.theme-review .footer .backlink a,
body.theme-review footer .backlink a{
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    border:1px solid rgba(242,213,138,.28)!important;
}

@media (min-width:769px){
  body.theme-review .floating-action.zalo{
    background:linear-gradient(135deg,#d8a84f,#f2d58a)!important;
    color:#092943!important;
    border-color:rgba(216,168,79,.55)!important;
  }
  body.theme-review .floating-action.loan{
    background:#0f3d63!important;
    color:#ffffff!important;
    border-color:rgba(255,255,255,.60)!important;
  }
  body.theme-review .floating-action.price-download{
    background:linear-gradient(135deg,#0f3d63,#092943)!important;
    color:#ffffff!important;
    border-color:rgba(216,168,79,.38)!important;
  }
  body.theme-review .floating-action.price-download .price-icon-circle,
  body.theme-review .floating-action.price-download .circle{
    background:#ffffff!important;
    border:1px solid rgba(216,168,79,.35)!important;
  }
  body.theme-review .scroll-to-top{
    background:#0f3d63!important;
    color:#ffffff!important;
    border-color:rgba(216,168,79,.40)!important;
  }
}

/* V96.11 - Footer Review/Corporate: chia ro 3 cot nhu footer mac dinh */
body.theme-review .luxury-site-footer{
    padding-top:22px!important;
    padding-bottom:32px!important;
}
body.theme-review .luxury-footer-card{
    background:linear-gradient(135deg,#0f3d63 0%,#092943 58%,#123d61 100%)!important;
    color:#ffffff!important;
    border:1px solid rgba(216,168,79,.24)!important;
    border-top:5px solid #d8a84f!important;
    border-radius:22px!important;
    box-shadow:0 22px 54px rgba(9,41,67,.18)!important;
    overflow:hidden!important;
}
body.theme-review .luxury-footer-brand{
    padding:28px 32px 24px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
}
body.theme-review .luxury-footer-brand h2{
    color:#ffffff!important;
    letter-spacing:.035em!important;
}
body.theme-review .luxury-footer-brand p{
    color:rgba(255,255,255,.84)!important;
}
body.theme-review .luxury-footer-grid{
    display:grid!important;
    grid-template-columns:1.35fr 1fr 1fr!important;
    gap:18px!important;
    padding:26px 30px 28px!important;
    align-items:stretch!important;
}
body.theme-review .luxury-footer-col{
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    padding:22px 24px!important;
    min-height:210px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.theme-review .luxury-footer-col + .luxury-footer-col{
    border-left:1px solid rgba(216,168,79,.18)!important;
}
body.theme-review .luxury-footer-col h3{
    color:#f2d58a!important;
    font-size:17px!important;
    margin:0 0 16px!important;
    padding-bottom:12px!important;
    border-bottom:1px solid rgba(242,213,138,.28)!important;
    letter-spacing:.08em!important;
}
body.theme-review .luxury-footer-col a,
body.theme-review .luxury-footer-col span,
body.theme-review .luxury-footer-col li,
body.theme-review .luxury-footer-col .footer-info-line{
    color:#ffffff!important;
    opacity:1!important;
}
body.theme-review .footer-info-line{
    margin:0 0 12px!important;
    line-height:1.55!important;
}
body.theme-review .footer-info-dot{
    background:#f2d58a!important;
    box-shadow:0 0 0 4px rgba(242,213,138,.14)!important;
    flex:0 0 auto!important;
}
body.theme-review .footer-hotline-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(242,213,138,.38)!important;
    color:#ffffff!important;
    box-shadow:none!important;
}
body.theme-review .footer-links{
    margin:0!important;
    padding:0!important;
}
body.theme-review .footer-links li{
    list-style:none!important;
    margin:0 0 12px!important;
}
body.theme-review .footer-links li a{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 0!important;
    color:#ffffff!important;
    text-decoration:none!important;
}
body.theme-review .footer-links li a:before{
    content:'›'!important;
    color:#f2d58a!important;
    font-weight:900!important;
    font-size:22px!important;
    line-height:1!important;
}
body.theme-review .footer-links li a:hover{
    color:#f2d58a!important;
    transform:translateX(3px)!important;
}
body.theme-review .footer-external-links-row{
    margin:0 30px 0!important;
    padding:22px 0 20px!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
}
body.theme-review .footer-external-links-title{
    color:#f2d58a!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    margin-bottom:14px!important;
}
body.theme-review .footer-external-link,
body.theme-review .footer-link-chip,
body.theme-review .footer-website-link{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(242,213,138,.26)!important;
    color:#ffffff!important;
    border-radius:999px!important;
    padding:9px 16px!important;
}
body.theme-review .luxury-footer-bottom{
    padding:18px 30px 22px!important;
    color:rgba(255,255,255,.86)!important;
}
body.theme-review .luxury-footer-bottom span{
    color:rgba(255,255,255,.86)!important;
}
@media(max-width:768px){
    body.theme-review .luxury-footer-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
        padding:18px!important;
    }
    body.theme-review .luxury-footer-col{
        min-height:auto!important;
        padding:18px!important;
    }
    body.theme-review .footer-external-links-row{
        margin:0 18px!important;
    }
}


/* ===== PATCH: mobile menu + footer spacing fix ===== */
/* =========================================================
   PATCH: fix mobile menu text + premium footer spacing/links
   Apply by appending this block to the END of:
   - public/css/theme-skins.css
   - css/theme-skins.css
   Mobile is preserved except the menu title/icon visibility.
   ========================================================= */

/* 1) Mobile header: avoid white invisible menu label/icon on light header */
@media (max-width: 768px){
  body[class*="theme-"] .mobile-header,
  body[class*="theme-"] .site-mobile-header,
  body[class*="theme-"] .mobile-topbar,
  body[class*="theme-"] .mobile-menu-bar,
  body[class*="theme-"] header .mobile-bar{
    color: var(--skin-text, #0f2f4d) !important;
  }

  body[class*="theme-"] .mobile-header .site-title,
  body[class*="theme-"] .mobile-header .brand-title,
  body[class*="theme-"] .mobile-header .mobile-title,
  body[class*="theme-"] .site-mobile-header .site-title,
  body[class*="theme-"] .site-mobile-header .brand-title,
  body[class*="theme-"] .site-mobile-header .mobile-title,
  body[class*="theme-"] .mobile-topbar .site-title,
  body[class*="theme-"] .mobile-topbar .brand-title,
  body[class*="theme-"] .mobile-topbar .mobile-title{
    color: var(--skin-heading, #0b3b63) !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  body[class*="theme-"] .mobile-header .menu-toggle,
  body[class*="theme-"] .site-mobile-header .menu-toggle,
  body[class*="theme-"] .mobile-topbar .menu-toggle,
  body[class*="theme-"] .mobile-menu-toggle,
  body[class*="theme-"] .navbar-toggler,
  body[class*="theme-"] .hamburger{
    color: var(--skin-heading, #0b3b63) !important;
    border-color: rgba(15,47,77,.18) !important;
    background: rgba(255,255,255,.78) !important;
    opacity: 1 !important;
  }

  body[class*="theme-"] .mobile-header .menu-toggle span,
  body[class*="theme-"] .site-mobile-header .menu-toggle span,
  body[class*="theme-"] .mobile-menu-toggle span,
  body[class*="theme-"] .hamburger span{
    background: var(--skin-heading, #0b3b63) !important;
    opacity: 1 !important;
  }

  /* If the menu text is inside a white header, keep it readable for all skins */
  body.theme-review .mobile-header .site-title,
  body.theme-review-pro .mobile-header .site-title,
  body.theme-corporate .mobile-header .site-title,
  body.theme-review .site-mobile-header .site-title,
  body.theme-review-pro .site-mobile-header .site-title,
  body.theme-corporate .site-mobile-header .site-title{
    color: #0b3b63 !important;
  }
}

/* 2) Footer premium skin: make website links readable */
body[class*="theme-"] footer .footer-links a,
body[class*="theme-"] footer .website-links a,
body[class*="theme-"] footer .footer-backlinks a,
body[class*="theme-"] footer .link-website a,
body[class*="theme-"] footer .external-links a,
body[class*="theme-"] .site-footer .footer-links a,
body[class*="theme-"] .site-footer .website-links a,
body[class*="theme-"] .site-footer .footer-backlinks a,
body[class*="theme-"] .site-footer .link-website a,
body[class*="theme-"] .site-footer .external-links a{
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[class*="theme-"] footer .footer-links a:hover,
body[class*="theme-"] footer .website-links a:hover,
body[class*="theme-"] footer .footer-backlinks a:hover,
body[class*="theme-"] footer .link-website a:hover,
body[class*="theme-"] footer .external-links a:hover,
body[class*="theme-"] .site-footer .footer-links a:hover,
body[class*="theme-"] .site-footer .website-links a:hover,
body[class*="theme-"] .site-footer .footer-backlinks a:hover,
body[class*="theme-"] .site-footer .link-website a:hover,
body[class*="theme-"] .site-footer .external-links a:hover{
  color: var(--skin-accent, #f2c76e) !important;
}

/* Links that appear as pills in footer */
body[class*="theme-"] footer .footer-tags a,
body[class*="theme-"] footer .footer-chip,
body[class*="theme-"] footer .footer-pill,
body[class*="theme-"] footer .backlink-chip,
body[class*="theme-"] .site-footer .footer-tags a,
body[class*="theme-"] .site-footer .footer-chip,
body[class*="theme-"] .site-footer .footer-pill,
body[class*="theme-"] .site-footer .backlink-chip{
  color: #fff !important;
  opacity: 1 !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* 3) Footer column spacing: reduce excessive vertical gaps */
body[class*="theme-"] footer .footer-col,
body[class*="theme-"] footer .footer-column,
body[class*="theme-"] footer .footer-widget,
body[class*="theme-"] .site-footer .footer-col,
body[class*="theme-"] .site-footer .footer-column,
body[class*="theme-"] .site-footer .footer-widget{
  min-height: unset !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

body[class*="theme-"] footer .footer-col ul,
body[class*="theme-"] footer .footer-column ul,
body[class*="theme-"] footer .footer-widget ul,
body[class*="theme-"] .site-footer .footer-col ul,
body[class*="theme-"] .site-footer .footer-column ul,
body[class*="theme-"] .site-footer .footer-widget ul{
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  display: grid !important;
  gap: 12px !important;
}

body[class*="theme-"] footer .footer-col li,
body[class*="theme-"] footer .footer-column li,
body[class*="theme-"] footer .footer-widget li,
body[class*="theme-"] .site-footer .footer-col li,
body[class*="theme-"] .site-footer .footer-column li,
body[class*="theme-"] .site-footer .footer-widget li{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}

body[class*="theme-"] footer .footer-col h3,
body[class*="theme-"] footer .footer-col h4,
body[class*="theme-"] footer .footer-column h3,
body[class*="theme-"] footer .footer-column h4,
body[class*="theme-"] footer .footer-widget h3,
body[class*="theme-"] footer .footer-widget h4,
body[class*="theme-"] .site-footer .footer-col h3,
body[class*="theme-"] .site-footer .footer-col h4,
body[class*="theme-"] .site-footer .footer-column h3,
body[class*="theme-"] .site-footer .footer-column h4,
body[class*="theme-"] .site-footer .footer-widget h3,
body[class*="theme-"] .site-footer .footer-widget h4{
  margin-bottom: 14px !important;
}

/* 4) Keep footer 3 columns clear on desktop, but not overly tall */
@media (min-width: 992px){
  body[class*="theme-"] footer .footer-main,
  body[class*="theme-"] footer .footer-widgets,
  body[class*="theme-"] footer .footer-grid,
  body[class*="theme-"] .site-footer .footer-main,
  body[class*="theme-"] .site-footer .footer-widgets,
  body[class*="theme-"] .site-footer .footer-grid{
    align-items: stretch !important;
    gap: 18px !important;
  }
}

/* =========================================================
   V96.12 - Fix Zalo consultant text + footer links/spacing
   ========================================================= */

/* 1) Sidebar consultant: avoid white text on white Zalo button */
body[class*="theme-"] .consultant-btn-zalo-v121,
body[class*="theme-"] a.consultant-btn-zalo-v121,
body[class*="theme-"] .consultant-card-v121 .consultant-btn-zalo-v121,
body[class*="theme-"] .right-sidebar .consultant-btn-zalo-v121,
body[class*="theme-"] .sidebar .consultant-btn-zalo-v121{
  color: var(--skin-primary, #0f3d63) !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,61,99,.14) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
body[class*="theme-"] .consultant-btn-zalo-v121 *,
body[class*="theme-"] a.consultant-btn-zalo-v121 *{
  color: var(--skin-primary, #0f3d63) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body[class*="theme-"] .consultant-btn-zalo-v121:hover,
body[class*="theme-"] a.consultant-btn-zalo-v121:hover{
  background: var(--skin-primary, #0f3d63) !important;
  color: #ffffff !important;
}
body[class*="theme-"] .consultant-btn-zalo-v121:hover *,
body[class*="theme-"] a.consultant-btn-zalo-v121:hover *{
  color:#ffffff !important;
}

/* 2) Review/Corporate footer: website links must be clear on dark footer */
body.theme-review .luxury-footer-card .footer-external-links-row,
body.theme-review-pro .luxury-footer-card .footer-external-links-row,
body.theme-corporate .luxury-footer-card .footer-external-links-row{
  margin: 0 30px !important;
  padding: 18px 0 16px !important;
  border-top: 1px solid rgba(242,213,138,.18) !important;
  border-bottom: 1px solid rgba(242,213,138,.18) !important;
}
body.theme-review .luxury-footer-card .footer-external-links-list,
body.theme-review-pro .luxury-footer-card .footer-external-links-list,
body.theme-corporate .luxury-footer-card .footer-external-links-list{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
body.theme-review .luxury-footer-card .footer-external-link,
body.theme-review-pro .luxury-footer-card .footer-external-link,
body.theme-corporate .luxury-footer-card .footer-external-link,
body.theme-review .luxury-footer-card .footer-external-link:visited,
body.theme-review-pro .luxury-footer-card .footer-external-link:visited,
body.theme-corporate .luxury-footer-card .footer-external-link:visited{
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(242,213,138,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.theme-review .luxury-footer-card .footer-external-link *,
body.theme-review-pro .luxury-footer-card .footer-external-link *,
body.theme-corporate .luxury-footer-card .footer-external-link *{
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body.theme-review .luxury-footer-card .footer-external-link:hover,
body.theme-review-pro .luxury-footer-card .footer-external-link:hover,
body.theme-corporate .luxury-footer-card .footer-external-link:hover{
  color: #092943 !important;
  background: #f2d58a !important;
  border-color: #f2d58a !important;
}
body.theme-review .luxury-footer-card .footer-external-link:hover *,
body.theme-review-pro .luxury-footer-card .footer-external-link:hover *,
body.theme-corporate .luxury-footer-card .footer-external-link:hover *{
  color: #092943 !important;
}

/* 3) Footer columns: reduce row spacing in Link nhanh / Tien ich */
body.theme-review .luxury-footer-card .luxury-footer-grid,
body.theme-review-pro .luxury-footer-card .luxury-footer-grid,
body.theme-corporate .luxury-footer-card .luxury-footer-grid{
  gap: 16px !important;
  padding: 24px 28px 24px !important;
}
body.theme-review .luxury-footer-card .luxury-footer-col,
body.theme-review-pro .luxury-footer-card .luxury-footer-col,
body.theme-corporate .luxury-footer-card .luxury-footer-col{
  min-height: 0 !important;
  padding: 20px 22px !important;
}
body.theme-review .luxury-footer-card .footer-links,
body.theme-review-pro .luxury-footer-card .footer-links,
body.theme-corporate .luxury-footer-card .footer-links{
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.theme-review .luxury-footer-card .footer-links li,
body.theme-review-pro .luxury-footer-card .footer-links li,
body.theme-corporate .luxury-footer-card .footer-links li{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.theme-review .luxury-footer-card .footer-links li a,
body.theme-review-pro .luxury-footer-card .footer-links li a,
body.theme-corporate .luxury-footer-card .footer-links li a{
  min-height: 0 !important;
  padding: 4px 0 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
body.theme-review .luxury-footer-card .footer-links li a:before,
body.theme-review-pro .luxury-footer-card .footer-links li a:before,
body.theme-corporate .luxury-footer-card .footer-links li a:before{
  color: #f2d58a !important;
}
body.theme-review .luxury-footer-card .luxury-footer-col h3,
body.theme-review-pro .luxury-footer-card .luxury-footer-col h3,
body.theme-corporate .luxury-footer-card .luxury-footer-col h3{
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 768px){
  body.theme-review .luxury-footer-card .footer-external-links-row,
  body.theme-review-pro .luxury-footer-card .footer-external-links-row,
  body.theme-corporate .luxury-footer-card .footer-external-links-row{
    margin: 0 18px !important;
  }
}

/* =========================================================
   V96.15 - Menu slimmer all skins + Review mobile menu visible
   ========================================================= */

/* Desktop: make all skin menu bars slimmer and less bulky */
@media (min-width: 769px){
  body[class*="theme-"] header,
  body[class*="theme-"] .site-header,
  body[class*="theme-"] .main-header,
  body[class*="theme-"] .header-area,
  body[class*="theme-"] .nav-wrapper,
  body[class*="theme-"] .menu-wrapper{
    --skin-menu-height-compact: 48px;
  }

  body[class*="theme-"] #legacy-main-menu,
  body[class*="theme-"] .site-nav,
  body[class*="theme-"] .main-nav,
  body[class*="theme-"] .header-nav,
  body[class*="theme-"] .main-menu,
  body[class*="theme-"] .navbar,
  body[class*="theme-"] nav.navbar,
  body[class*="theme-"] .desktop-menu,
  body[class*="theme-"] .menu-bar{
    min-height: 48px !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }

  body[class*="theme-"] #legacy-main-menu .container,
  body[class*="theme-"] #legacy-main-menu .container-fluid,
  body[class*="theme-"] .site-nav .container,
  body[class*="theme-"] .site-nav .container-fluid,
  body[class*="theme-"] .main-menu .container,
  body[class*="theme-"] .main-menu .container-fluid,
  body[class*="theme-"] nav.navbar .container,
  body[class*="theme-"] nav.navbar .container-fluid{
    min-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[class*="theme-"] #legacy-main-menu .navbar-nav > li > a,
  body[class*="theme-"] .site-nav .navbar-nav > li > a,
  body[class*="theme-"] .main-nav .navbar-nav > li > a,
  body[class*="theme-"] .header-nav .navbar-nav > li > a,
  body[class*="theme-"] .main-menu .navbar-nav > li > a,
  body[class*="theme-"] nav.navbar .navbar-nav > li > a,
  body[class*="theme-"] .site-nav a,
  body[class*="theme-"] .main-nav a,
  body[class*="theme-"] .header-nav a,
  body[class*="theme-"] .main-menu a,
  body[class*="theme-"] .desktop-menu a{
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    line-height: 20px !important;
    min-height: 0 !important;
    font-size: 14.5px !important;
    border-radius: 10px !important;
  }

  body[class*="theme-"] #legacy-main-menu .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand,
  body[class*="theme-"] nav.navbar .navbar-brand{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px !important;
    height: auto !important;
  }

  body[class*="theme-"] #legacy-main-menu .navbar-nav > li.active > a,
  body[class*="theme-"] #legacy-main-menu .navbar-nav > li > a:hover,
  body[class*="theme-"] .site-nav .navbar-nav > li.active > a,
  body[class*="theme-"] .site-nav .navbar-nav > li > a:hover,
  body[class*="theme-"] .main-menu .navbar-nav > li.active > a,
  body[class*="theme-"] .main-menu .navbar-nav > li > a:hover,
  body[class*="theme-"] .desktop-menu li.active > a,
  body[class*="theme-"] .desktop-menu a:hover{
    border-radius: 10px !important;
  }

  body[class*="theme-"] #legacy-main-menu .navbar-nav > li.active > a:before,
  body[class*="theme-"] #legacy-main-menu .navbar-nav > li.active > a:after,
  body[class*="theme-"] .site-nav .navbar-nav > li.active > a:before,
  body[class*="theme-"] .site-nav .navbar-nav > li.active > a:after,
  body[class*="theme-"] .main-menu .navbar-nav > li.active > a:before,
  body[class*="theme-"] .main-menu .navbar-nav > li.active > a:after{
    height: 3px !important;
    border-radius: 999px !important;
  }

  /* Sales skin: keep all menu items equal; no oversized contact button */
  body.theme-sales #legacy-main-menu .navbar-nav > li:last-child > a,
  body.theme-sales .site-nav .navbar-nav > li:last-child > a,
  body.theme-sales .main-menu .navbar-nav > li:last-child > a,
  body.theme-sales .desktop-menu li:last-child > a{
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    min-height: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Mobile: make Review/Corporate hamburger/menu text visible on white header */
@media (max-width: 768px){
  body.theme-review .mobile-header,
  body.theme-review-pro .mobile-header,
  body.theme-corporate .mobile-header,
  body.theme-review .site-mobile-header,
  body.theme-review-pro .site-mobile-header,
  body.theme-corporate .site-mobile-header,
  body.theme-review .header-mobile,
  body.theme-review-pro .header-mobile,
  body.theme-corporate .header-mobile{
    background: #ffffff !important;
  }

  body.theme-review .navbar-toggle,
  body.theme-review-pro .navbar-toggle,
  body.theme-corporate .navbar-toggle,
  body.theme-review .menu-toggle,
  body.theme-review-pro .menu-toggle,
  body.theme-corporate .menu-toggle,
  body.theme-review .mobile-menu-toggle,
  body.theme-review-pro .mobile-menu-toggle,
  body.theme-corporate .mobile-menu-toggle,
  body.theme-review .hamburger,
  body.theme-review-pro .hamburger,
  body.theme-corporate .hamburger,
  body.theme-review .hamburger-btn,
  body.theme-review-pro .hamburger-btn,
  body.theme-corporate .hamburger-btn,
  body.theme-review .mobile-nav-toggle,
  body.theme-review-pro .mobile-nav-toggle,
  body.theme-corporate .mobile-nav-toggle,
  body.theme-review .mobile-header button,
  body.theme-review-pro .mobile-header button,
  body.theme-corporate .mobile-header button,
  body.theme-review .site-mobile-header button,
  body.theme-review-pro .site-mobile-header button,
  body.theme-corporate .site-mobile-header button,
  body.theme-review [class*="menu-toggle"],
  body.theme-review-pro [class*="menu-toggle"],
  body.theme-corporate [class*="menu-toggle"],
  body.theme-review [class*="hamburger"],
  body.theme-review-pro [class*="hamburger"],
  body.theme-corporate [class*="hamburger"]{
    color: #0b3a5b !important;
    background: rgba(11,58,91,.07) !important;
    border-color: rgba(11,58,91,.18) !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  body.theme-review .navbar-toggle *,
  body.theme-review-pro .navbar-toggle *,
  body.theme-corporate .navbar-toggle *,
  body.theme-review .menu-toggle *,
  body.theme-review-pro .menu-toggle *,
  body.theme-corporate .menu-toggle *,
  body.theme-review .mobile-menu-toggle *,
  body.theme-review-pro .mobile-menu-toggle *,
  body.theme-corporate .mobile-menu-toggle *,
  body.theme-review .hamburger *,
  body.theme-review-pro .hamburger *,
  body.theme-corporate .hamburger *,
  body.theme-review .hamburger-btn *,
  body.theme-review-pro .hamburger-btn *,
  body.theme-corporate .hamburger-btn *,
  body.theme-review .mobile-header button *,
  body.theme-review-pro .mobile-header button *,
  body.theme-corporate .mobile-header button *,
  body.theme-review .site-mobile-header button *,
  body.theme-review-pro .site-mobile-header button *,
  body.theme-corporate .site-mobile-header button *{
    color: #0b3a5b !important;
    fill: #0b3a5b !important;
    stroke: #0b3a5b !important;
    opacity: 1 !important;
  }

  body.theme-review .navbar-toggle .icon-bar,
  body.theme-review-pro .navbar-toggle .icon-bar,
  body.theme-corporate .navbar-toggle .icon-bar,
  body.theme-review .menu-toggle span,
  body.theme-review-pro .menu-toggle span,
  body.theme-corporate .menu-toggle span,
  body.theme-review .mobile-menu-toggle span,
  body.theme-review-pro .mobile-menu-toggle span,
  body.theme-corporate .mobile-menu-toggle span,
  body.theme-review .hamburger span,
  body.theme-review-pro .hamburger span,
  body.theme-corporate .hamburger span,
  body.theme-review .hamburger-btn span,
  body.theme-review-pro .hamburger-btn span,
  body.theme-corporate .hamburger-btn span,
  body.theme-review .mobile-header .bar,
  body.theme-review-pro .mobile-header .bar,
  body.theme-corporate .mobile-header .bar,
  body.theme-review .site-mobile-header .bar,
  body.theme-review-pro .site-mobile-header .bar,
  body.theme-corporate .site-mobile-header .bar,
  body.theme-review [class*="menu"]:before,
  body.theme-review-pro [class*="menu"]:before,
  body.theme-corporate [class*="menu"]:before,
  body.theme-review [class*="menu"]:after,
  body.theme-review-pro [class*="menu"]:after,
  body.theme-corporate [class*="menu"]:after,
  body.theme-review [class*="hamburger"]:before,
  body.theme-review-pro [class*="hamburger"]:before,
  body.theme-corporate [class*="hamburger"]:before,
  body.theme-review [class*="hamburger"]:after,
  body.theme-review-pro [class*="hamburger"]:after,
  body.theme-corporate [class*="hamburger"]:after{
    background: #0b3a5b !important;
    border-color: #0b3a5b !important;
    color: #0b3a5b !important;
    opacity: 1 !important;
  }

  body.theme-review .mobile-menu-label,
  body.theme-review-pro .mobile-menu-label,
  body.theme-corporate .mobile-menu-label,
  body.theme-review .menu-label,
  body.theme-review-pro .menu-label,
  body.theme-corporate .menu-label,
  body.theme-review .menu-text,
  body.theme-review-pro .menu-text,
  body.theme-corporate .menu-text{
    color: #0b3a5b !important;
    opacity: 1 !important;
  }
}

/* V96.15 - Fix riêng nút 3 gạch mobile của skin Review/Corporate: selector mạnh hơn inline CSS cũ */
@media (max-width: 991px){
  body.theme-review #legacy-main-menu .navbar-toggle,
  body.theme-review-pro #legacy-main-menu .navbar-toggle,
  body.theme-corporate #legacy-main-menu .navbar-toggle,
  body.theme-review .site-nav#legacy-main-menu .navbar-toggle,
  body.theme-review-pro .site-nav#legacy-main-menu .navbar-toggle,
  body.theme-corporate .site-nav#legacy-main-menu .navbar-toggle{
    background: rgba(11,58,91,.08) !important;
    border: 1px solid rgba(11,58,91,.22) !important;
    box-shadow: 0 8px 18px rgba(11,58,91,.08) !important;
    opacity: 1 !important;
  }

  body.theme-review #legacy-main-menu .navbar-toggle .icon-bar,
  body.theme-review-pro #legacy-main-menu .navbar-toggle .icon-bar,
  body.theme-corporate #legacy-main-menu .navbar-toggle .icon-bar,
  body.theme-review .site-nav#legacy-main-menu .navbar-toggle .icon-bar,
  body.theme-review-pro .site-nav#legacy-main-menu .navbar-toggle .icon-bar,
  body.theme-corporate .site-nav#legacy-main-menu .navbar-toggle .icon-bar{
    background: #0b3a5b !important;
    background-color: #0b3a5b !important;
    border-color: #0b3a5b !important;
    opacity: 1 !important;
  }

  body.theme-review #legacy-main-menu .navbar-toggle:hover,
  body.theme-review-pro #legacy-main-menu .navbar-toggle:hover,
  body.theme-corporate #legacy-main-menu .navbar-toggle:hover,
  body.theme-review #legacy-main-menu .navbar-toggle:not(.collapsed),
  body.theme-review-pro #legacy-main-menu .navbar-toggle:not(.collapsed),
  body.theme-corporate #legacy-main-menu .navbar-toggle:not(.collapsed){
    background: rgba(11,58,91,.13) !important;
  }
}

/* =========================================================
   V96.3 - Popup bảng giá + Hero/banner khác style theo skin
   - Chỉ bổ sung CSS, giữ chức năng cũ.
   - Popup sạch hơn, nút gửi đổi màu theo skin, mobile không tràn.
   - Hero/banner tạo cảm giác khác nhau giữa các skin.
   ========================================================= */
body.theme-luxury .price-contact-overlay,
body.theme-urban .price-contact-overlay,
body.theme-eco .price-contact-overlay,
body.theme-warm .price-contact-overlay,
body.theme-review .price-contact-overlay,
body.theme-sales .price-contact-overlay{
    background:rgba(8,18,30,.58)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    padding:18px!important;
}
body.theme-luxury .price-contact-modal,
body.theme-urban .price-contact-modal,
body.theme-eco .price-contact-modal,
body.theme-warm .price-contact-modal,
body.theme-review .price-contact-modal,
body.theme-sales .price-contact-modal{
    max-width:460px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:linear-gradient(180deg,#ffffff 0%,var(--skin-surface,#fff) 100%)!important;
    box-shadow:0 28px 90px rgba(4,18,35,.30)!important;
    font-family:inherit!important;
}
body.theme-luxury .price-contact-head,
body.theme-urban .price-contact-head,
body.theme-eco .price-contact-head,
body.theme-warm .price-contact-head,
body.theme-review .price-contact-head,
body.theme-sales .price-contact-head{
    position:relative;
    padding:22px 24px 18px!important;
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
    color:#fff!important;
}
body.theme-luxury .price-contact-head:after,
body.theme-urban .price-contact-head:after,
body.theme-eco .price-contact-head:after,
body.theme-warm .price-contact-head:after,
body.theme-review .price-contact-head:after,
body.theme-sales .price-contact-head:after{
    content:"";
    position:absolute;
    left:24px;
    right:24px;
    bottom:0;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--skin-accent),rgba(255,255,255,.35));
}
body.theme-luxury .price-contact-title,
body.theme-urban .price-contact-title,
body.theme-eco .price-contact-title,
body.theme-warm .price-contact-title,
body.theme-review .price-contact-title,
body.theme-sales .price-contact-title{
    margin:0!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
}
body.theme-luxury .price-contact-sub,
body.theme-urban .price-contact-sub,
body.theme-eco .price-contact-sub,
body.theme-warm .price-contact-sub,
body.theme-review .price-contact-sub,
body.theme-sales .price-contact-sub{
    color:rgba(255,255,255,.90)!important;
    font-size:14px!important;
    line-height:1.55!important;
    margin-top:8px!important;
    max-width:370px;
}
body.theme-luxury .price-pdf-badge,
body.theme-urban .price-pdf-badge,
body.theme-eco .price-pdf-badge,
body.theme-warm .price-pdf-badge,
body.theme-review .price-pdf-badge,
body.theme-sales .price-pdf-badge{
    background:#fff!important;
    color:var(--skin-primary)!important;
    border-radius:14px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
body.theme-luxury .price-contact-close,
body.theme-urban .price-contact-close,
body.theme-eco .price-contact-close,
body.theme-warm .price-contact-close,
body.theme-review .price-contact-close,
body.theme-sales .price-contact-close{
    top:12px!important;
    right:12px!important;
    width:36px!important;
    height:36px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.24)!important;
}
body.theme-luxury .price-contact-body,
body.theme-urban .price-contact-body,
body.theme-eco .price-contact-body,
body.theme-warm .price-contact-body,
body.theme-review .price-contact-body,
body.theme-sales .price-contact-body{
    padding:20px 24px 24px!important;
}
body.theme-luxury .price-form-row,
body.theme-urban .price-form-row,
body.theme-eco .price-form-row,
body.theme-warm .price-form-row,
body.theme-review .price-form-row,
body.theme-sales .price-form-row{
    margin-bottom:12px!important;
}
body.theme-luxury .price-form-row label,
body.theme-urban .price-form-row label,
body.theme-eco .price-form-row label,
body.theme-warm .price-form-row label,
body.theme-review .price-form-row label,
body.theme-sales .price-form-row label{
    color:var(--skin-heading)!important;
    font-size:13px!important;
    font-weight:900!important;
    margin-bottom:6px!important;
}
body.theme-luxury .price-form-row input,
body.theme-urban .price-form-row input,
body.theme-eco .price-form-row input,
body.theme-warm .price-form-row input,
body.theme-review .price-form-row input,
body.theme-sales .price-form-row input,
body.theme-luxury .price-form-row textarea,
body.theme-urban .price-form-row textarea,
body.theme-eco .price-form-row textarea,
body.theme-warm .price-form-row textarea,
body.theme-review .price-form-row textarea,
body.theme-sales .price-form-row textarea{
    border:1px solid rgba(15,35,55,.14)!important;
    background:#fff!important;
    border-radius:14px!important;
    padding:12px 14px!important;
    color:#172033!important;
    box-shadow:0 6px 18px rgba(15,35,55,.04)!important;
}
body.theme-luxury .price-form-row input:focus,
body.theme-urban .price-form-row input:focus,
body.theme-eco .price-form-row input:focus,
body.theme-warm .price-form-row input:focus,
body.theme-review .price-form-row input:focus,
body.theme-sales .price-form-row input:focus,
body.theme-luxury .price-form-row textarea:focus,
body.theme-urban .price-form-row textarea:focus,
body.theme-eco .price-form-row textarea:focus,
body.theme-warm .price-form-row textarea:focus,
body.theme-review .price-form-row textarea:focus,
body.theme-sales .price-form-row textarea:focus{
    border-color:var(--skin-accent)!important;
    box-shadow:0 0 0 4px color-mix(in srgb, var(--skin-accent) 18%, transparent),0 8px 22px rgba(15,35,55,.06)!important;
}
body.theme-luxury .price-contact-submit,
body.theme-urban .price-contact-submit,
body.theme-eco .price-contact-submit,
body.theme-warm .price-contact-submit,
body.theme-review .price-contact-submit,
body.theme-sales .price-contact-submit{
    min-height:48px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,var(--skin-accent),var(--skin-primary))!important;
    color:#fff!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
    box-shadow:0 14px 32px color-mix(in srgb, var(--skin-primary) 26%, transparent)!important;
}
body.theme-sales .price-contact-submit{
    background:linear-gradient(135deg,#ff8a00,#e11d48)!important;
    box-shadow:0 16px 38px rgba(225,29,72,.28)!important;
}
body.theme-warm .price-contact-submit{
    background:linear-gradient(135deg,#e2a650,#9a5227)!important;
}
body.theme-eco .price-contact-submit{
    background:linear-gradient(135deg,#1db893,#08796e)!important;
}
body.theme-review .price-contact-submit{
    background:linear-gradient(135deg,#d7b56d,#123d63)!important;
}
body.theme-luxury .price-success,
body.theme-urban .price-success,
body.theme-eco .price-success,
body.theme-warm .price-success,
body.theme-review .price-success,
body.theme-sales .price-success{
    padding:34px 26px!important;
}
body.theme-luxury .price-success-icon,
body.theme-urban .price-success-icon,
body.theme-eco .price-success-icon,
body.theme-warm .price-success-icon,
body.theme-review .price-success-icon,
body.theme-sales .price-success-icon{
    background:color-mix(in srgb, var(--skin-accent) 25%, #fff)!important;
    color:var(--skin-primary)!important;
}

/* Hero/banner: đổi cảm giác theo từng skin */
body.theme-luxury .banner-wrapper,
body.theme-urban .banner-wrapper,
body.theme-eco .banner-wrapper,
body.theme-warm .banner-wrapper,
body.theme-review .banner-wrapper,
body.theme-sales .banner-wrapper{
    position:relative!important;
    box-shadow:var(--skin-shadow)!important;
}
body.theme-luxury .hero-overlay-box,
body.theme-urban .hero-overlay-box,
body.theme-eco .hero-overlay-box,
body.theme-warm .hero-overlay-box,
body.theme-review .hero-overlay-box,
body.theme-sales .hero-overlay-box{
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
body.theme-luxury .hero-overlay-box{
    max-width:460px!important;
    padding:26px 28px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(23,52,86,.86),rgba(33,70,111,.74))!important;
}
body.theme-luxury .hero-overlay-title{font-size:34px!important;letter-spacing:.02em!important;color:#fff!important}
body.theme-luxury .hero-overlay-kicker{color:var(--skin-accent-2)!important}
body.theme-urban .hero-overlay-box{
    max-width:520px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(10,63,115,.86),rgba(18,98,163,.72))!important;
}
body.theme-eco .hero-overlay-box{
    max-width:560px!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,rgba(6,96,83,.82),rgba(24,142,118,.68))!important;
    border-color:rgba(255,255,255,.28)!important;
}
body.theme-eco .hero-overlay-title{font-size:36px!important;color:#fff!important}
body.theme-eco .hero-overlay-subtitle{color:rgba(255,255,255,.93)!important}
body.theme-warm .hero-overlay-box{
    max-width:520px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(133,70,32,.88),rgba(166,91,45,.72))!important;
}
body.theme-warm .hero-overlay-kicker{color:#ffdf9a!important}
body.theme-review .hero-overlay-box{
    max-width:500px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(18,61,99,.90),rgba(31,78,121,.74))!important;
    padding-top:48px!important;
}
body.theme-review .hero-overlay-box:before{
    content:"PHÂN TÍCH DỰ ÁN";
    position:absolute;
    top:18px;
    left:26px;
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(215,181,109,.18);
    border:1px solid rgba(215,181,109,.42);
    color:#ffe3a3;
    font-size:11px;
    font-weight:950;
    letter-spacing:.08em;
}
body.theme-review .hero-overlay-kicker{display:none!important}
body.theme-sales .hero-overlay-box{
    max-width:590px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(14,84,135,.90),rgba(9,131,142,.78))!important;
    border-color:rgba(255,255,255,.30)!important;
}
body.theme-sales .hero-overlay-title{font-size:34px!important;color:#fff!important}
body.theme-sales .hero-overlay-btn.primary,
body.theme-sales .price-contact-submit{
    background:linear-gradient(135deg,#ff9f1c,#ef4444)!important;
}
.hero-sales-mini-form{display:none}
body.theme-sales .hero-sales-mini-form{
    display:block;
    margin-top:16px;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.26);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
body.theme-sales .hero-sales-form-title{
    color:#fff;
    font-size:14px;
    font-weight:950;
    margin-bottom:10px;
    letter-spacing:.02em;
}
body.theme-sales .hero-sales-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:8px;
    align-items:center;
}
body.theme-sales .hero-sales-form-grid input{
    height:40px;
    border:0;
    border-radius:12px;
    padding:0 12px;
    color:#102033;
    font-weight:700;
    outline:none;
    background:#fff;
}
body.theme-sales .hero-sales-form-grid button{
    height:40px;
    border:0;
    border-radius:12px;
    padding:0 16px;
    color:#fff;
    font-weight:950;
    background:linear-gradient(135deg,#ff9f1c,#ef4444);
    box-shadow:0 10px 22px rgba(239,68,68,.24);
}
body.theme-sales .hero-sales-form-note{
    margin-top:8px;
    color:rgba(255,255,255,.82);
    font-size:12px;
    line-height:1.45;
}
body.theme-sales .hero-overlay-actions{margin-bottom:0!important}

@media(max-width:768px){
    body.theme-luxury .price-contact-overlay,
    body.theme-urban .price-contact-overlay,
    body.theme-eco .price-contact-overlay,
    body.theme-warm .price-contact-overlay,
    body.theme-review .price-contact-overlay,
    body.theme-sales .price-contact-overlay{
        padding:10px!important;
        align-items:center!important;
    }
    body.theme-luxury .price-contact-modal,
    body.theme-urban .price-contact-modal,
    body.theme-eco .price-contact-modal,
    body.theme-warm .price-contact-modal,
    body.theme-review .price-contact-modal,
    body.theme-sales .price-contact-modal{
        width:calc(100vw - 20px)!important;
        max-width:390px!important;
        max-height:calc(100vh - 24px)!important;
        overflow:auto!important;
        border-radius:20px!important;
    }
    body.theme-luxury .price-contact-head,
    body.theme-urban .price-contact-head,
    body.theme-eco .price-contact-head,
    body.theme-warm .price-contact-head,
    body.theme-review .price-contact-head,
    body.theme-sales .price-contact-head{
        padding:18px 18px 15px!important;
    }
    body.theme-luxury .price-contact-title,
    body.theme-urban .price-contact-title,
    body.theme-eco .price-contact-title,
    body.theme-warm .price-contact-title,
    body.theme-review .price-contact-title,
    body.theme-sales .price-contact-title{
        font-size:20px!important;
        padding-right:32px!important;
    }
    body.theme-luxury .price-contact-sub,
    body.theme-urban .price-contact-sub,
    body.theme-eco .price-contact-sub,
    body.theme-warm .price-contact-sub,
    body.theme-review .price-contact-sub,
    body.theme-sales .price-contact-sub{
        font-size:13px!important;
        line-height:1.45!important;
    }
    body.theme-luxury .price-contact-body,
    body.theme-urban .price-contact-body,
    body.theme-eco .price-contact-body,
    body.theme-warm .price-contact-body,
    body.theme-review .price-contact-body,
    body.theme-sales .price-contact-body{
        padding:16px 18px 18px!important;
    }
    body.theme-luxury .price-form-row input,
    body.theme-urban .price-form-row input,
    body.theme-eco .price-form-row input,
    body.theme-warm .price-form-row input,
    body.theme-review .price-form-row input,
    body.theme-sales .price-form-row input,
    body.theme-luxury .price-form-row textarea,
    body.theme-urban .price-form-row textarea,
    body.theme-eco .price-form-row textarea,
    body.theme-warm .price-form-row textarea,
    body.theme-review .price-form-row textarea,
    body.theme-sales .price-form-row textarea{
        font-size:14px!important;
        padding:11px 12px!important;
    }
    body.theme-sales .hero-sales-mini-form{
        display:none!important;
    }
    body.theme-review .hero-overlay-box:before{display:none!important}
}


/* =========================================================
   V96.18 - Mobile menu compact + Classic default-like skin
   ========================================================= */
@media (max-width:991px){
  body[class*="theme-"] #legacy-main-menu.site-nav{
    min-height:46px !important;
    border-radius:0 0 12px 12px !important;
    box-shadow:0 6px 16px rgba(7,61,68,.16) !important;
  }
  body[class*="theme-"] #legacy-main-menu .container{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  body[class*="theme-"] #legacy-main-menu .navbar-header{
    min-height:46px !important;
  }
  body[class*="theme-"] #legacy-main-menu .navbar-brand{
    font-size:13px !important;
    line-height:1.15 !important;
    letter-spacing:.015em !important;
    max-width:calc(100% - 42px) !important;
  }
  body[class*="theme-"] #legacy-main-menu .navbar-toggle{
    width:32px !important;
    height:30px !important;
    min-width:32px !important;
    border-radius:9px !important;
    gap:3px !important;
  }
  body[class*="theme-"] #legacy-main-menu .navbar-toggle .icon-bar{
    width:17px !important;
    height:2px !important;
  }
  body[class*="theme-"] #legacy-main-menu .navbar-collapse{
    max-height:calc(100vh - 46px) !important;
  }
  body[class*="theme-"] #legacy-main-menu .nav>li>a,
  body[class*="theme-"] #legacy-main-menu .navbar-nav>li>a{
    padding-top:12px !important;
    padding-bottom:12px !important;
    font-size:16px !important;
    line-height:1.25 !important;
    border-radius:10px !important;
  }
  body[class*="theme-"] #legacy-main-menu .dropdown-menu>li>a{
    padding-top:10px !important;
    padding-bottom:10px !important;
    font-size:15px !important;
    line-height:1.25 !important;
  }
  body[class*="theme-"] #legacy-menu-placeholder{
    height:46px !important;
  }
}

/* Classic skin should stay close to the original teal UI */
body.theme-classic #legacy-main-menu.site-nav,
body.theme-classic .site-nav,
body.theme-classic .main-menu,
body.theme-classic nav.navbar{
  background:linear-gradient(135deg,#0e8b8f,#08777d) !important;
  color:#fff !important;
}
body.theme-classic #legacy-main-menu .navbar-nav>li>a,
body.theme-classic .site-nav a,
body.theme-classic .main-menu a{
  color:#fff !important;
}
body.theme-classic #legacy-main-menu .navbar-nav>li.active>a,
body.theme-classic #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-classic .site-nav .navbar-nav>li.active>a,
body.theme-classic .site-nav .navbar-nav>li>a:hover{
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
}
body.theme-classic .luxury-footer-card,
body.theme-classic footer,
body.theme-classic .site-footer{
  background:linear-gradient(135deg,#0f8f94,#08777d) !important;
  color:#fff !important;
}
body.theme-classic .section-title,
body.theme-classic .box-title,
body.theme-classic .sidebar-title,
body.theme-classic .module-title{
  color:#0b6f76 !important;
}

/* V96.21 - Classic Pro: giống màu mặc định nhưng dùng đủ style nâng cấp như các skin mới */
body.theme-classic{
  --skin-primary:#0b8f94;
  --skin-primary-2:#05747b;
  --skin-primary-3:#e9fbfb;
  --skin-accent:#e3b342;
  --skin-accent-2:#ffd873;
  --skin-bg:#f2fbfb;
  --skin-bg-2:#ffffff;
  --skin-surface:#ffffff;
  --skin-soft:#eafafa;
  --skin-text:#102033;
  --skin-heading:#0a6f76;
  --skin-radius:20px;
  --skin-radius-lg:30px;
  --skin-shadow:0 18px 42px rgba(7,116,123,.13);
  --skin-shadow-soft:0 10px 26px rgba(7,116,123,.08);
  --skin-menu-bg:linear-gradient(135deg,#0e979b,#08777d);
  --skin-menu-text:#ffffff;
  --skin-border:rgba(7,116,123,.18);
  --skin-footer-bg:linear-gradient(135deg,#0f8f94,#08777d);
  --skin-footer-text:#ffffff;
}

body.theme-classic .website-wrapper{
  border-radius:28px !important;
  padding:12px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(234,250,250,.80)) !important;
  border:1px solid rgba(7,116,123,.12) !important;
  box-shadow:0 14px 34px rgba(7,116,123,.08) !important;
}

body.theme-classic #legacy-main-menu.site-nav,
body.theme-classic .site-nav,
body.theme-classic .main-menu,
body.theme-classic nav.navbar{
  margin:0 0 12px !important;
  min-height:48px !important;
  background:var(--skin-menu-bg) !important;
  border:0 !important;
  border-radius:0 0 20px 20px !important;
  box-shadow:0 12px 26px rgba(7,116,123,.16) !important;
  color:#fff !important;
}
body.theme-classic #legacy-main-menu .container,
body.theme-classic .site-nav .container{min-height:48px !important;}
body.theme-classic #legacy-main-menu .navbar-nav>li>a,
body.theme-classic .site-nav .nav>li>a,
body.theme-classic .main-menu a{
  color:#fff !important;
  padding:14px 21px !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
body.theme-classic #legacy-main-menu .navbar-nav>li.active>a,
body.theme-classic #legacy-main-menu .navbar-nav>li>a:hover,
body.theme-classic .site-nav .nav>li.active>a,
body.theme-classic .site-nav .nav>li>a:hover{
  background:rgba(255,255,255,.17) !important;
  color:#fff !important;
  border-radius:14px !important;
}
body.theme-classic #legacy-main-menu .nav>li+li:before,
body.theme-classic .site-nav .nav>li+li:before{background:rgba(255,255,255,.18) !important;}

body.theme-classic .banner-wrapper{
  border-radius:26px !important;
  border:1px solid rgba(7,116,123,.14) !important;
  box-shadow:var(--skin-shadow-soft) !important;
  overflow:hidden !important;
}
body.theme-classic .hero-overlay-box{
  border-radius:26px !important;
  background:linear-gradient(135deg,rgba(7,116,123,.78),rgba(14,151,155,.62)) !important;
  border:1px solid rgba(255,216,115,.24) !important;
  box-shadow:0 20px 42px rgba(7,116,123,.20) !important;
  backdrop-filter:blur(10px);
}
body.theme-classic .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-title,
body.theme-classic .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-subtitle,
body.theme-classic .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-desc{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.24) !important;
}
body.theme-classic .hero-overlay-box:not(.overlay-bg-white):not(.overlay-bg-none) .hero-overlay-kicker{color:#ffd873 !important;opacity:1 !important;}
body.theme-classic .hero-overlay-btn.primary{
  background:linear-gradient(135deg,#e3b342,#f4c95a) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(227,179,66,.28) !important;
}
body.theme-classic .hero-overlay-btn:not(.primary){
  background:#fff !important;
  color:#08777d !important;
  border:1px solid rgba(255,255,255,.5) !important;
}

body.theme-classic .right-panel-wrapper .box-header,
body.theme-classic .right-panel-wrapper .panel-heading,
body.theme-classic .right-panel-title,
body.theme-classic .sidebar-title,
body.theme-classic .quick-title,
body.theme-classic .section-box-title,
body.theme-classic .module-title{
  background:linear-gradient(135deg,#0e979b,#08777d) !important;
  color:#fff !important;
  border-bottom:4px solid #e3b342 !important;
}
body.theme-classic .right-panel-wrapper .panel,
body.theme-classic .right-panel-wrapper .box,
body.theme-classic .sidebar-box,
body.theme-classic .module-box,
body.theme-classic .content-card{
  border:1px solid rgba(7,116,123,.16) !important;
  border-bottom:5px solid #08777d !important;
  border-radius:22px !important;
  box-shadow:0 12px 28px rgba(7,116,123,.08) !important;
}
body.theme-classic .section-title,
body.theme-classic .box-title,
body.theme-classic h2,
body.theme-classic h3{color:#0a6f76 !important;}

body.theme-classic .luxury-footer-card,
body.theme-classic footer,
body.theme-classic .site-footer{
  background:linear-gradient(135deg,#0f8f94,#08777d) !important;
  color:#fff !important;
  border-radius:26px !important;
  box-shadow:0 16px 38px rgba(7,116,123,.16) !important;
}
body.theme-classic .luxury-footer-card h3,
body.theme-classic .luxury-footer-card h4,
body.theme-classic .footer-title,
body.theme-classic footer h3,
body.theme-classic footer h4{
  color:#ffd873 !important;
}
body.theme-classic .luxury-footer-card a,
body.theme-classic footer a,
body.theme-classic .site-footer a,
body.theme-classic .footer-link,
body.theme-classic .footer-links a{
  color:#fff !important;
  opacity:1 !important;
}
body.theme-classic .luxury-footer-card .footer-col,
body.theme-classic footer .footer-col,
body.theme-classic .footer-column{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:18px !important;
  padding:20px 22px !important;
}
body.theme-classic .footer-links li,
body.theme-classic .luxury-footer-card li,
body.theme-classic footer li{margin-bottom:11px !important;}

@media (min-width: 769px){
  body.theme-classic .floating-action,
  body.theme-classic .float-btn,
  body.theme-classic .quick-contact-item{
    width:48px !important;
    height:48px !important;
    right:5px !important;
    border-radius:999px !important;
    box-shadow:0 12px 26px rgba(7,116,123,.16) !important;
  }
  body.theme-classic .floating-action.loan,
  body.theme-classic .floating-action.price-download{background:linear-gradient(135deg,#0f8f94,#08777d) !important;color:#fff !important;}
  body.theme-classic .floating-action.zalo{background:#e3b342 !important;color:#fff !important;}
  body.theme-classic .floating-action.price-download:hover{width:190px !important;border-radius:999px !important;}
}

@media (max-width: 768px){
  body.theme-classic #legacy-main-menu.site-nav,
  body.theme-classic .site-nav,
  body.theme-classic .main-menu,
  body.theme-classic nav.navbar{
    min-height:46px !important;
    border-radius:0 0 16px 16px !important;
  }
  body.theme-classic #legacy-main-menu .navbar-toggle,
  body.theme-classic .navbar-toggle{
    background:rgba(255,255,255,.16) !important;
    border:1px solid rgba(255,255,255,.28) !important;
  }
  body.theme-classic #legacy-main-menu .navbar-toggle .icon-bar,
  body.theme-classic .navbar-toggle .icon-bar{background:#fff !important;}
  body.theme-classic #legacy-main-menu .navbar-collapse,
  body.theme-classic .navbar-collapse{background:#08777d !important;}
}

/* =========================================================
   V96.22 - Classic Pro: dong bo icon CTA + popup bang gia nhu cac skin moi
   Chi bo sung cho body.theme-classic, khong doi mobile.
========================================================= */

/* Popup Tai bang gia cho Classic Pro */
body.theme-classic .price-contact-overlay{
  background:rgba(6,31,34,.62)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
body.theme-classic .price-contact-modal{
  max-width:500px!important;
  width:calc(100% - 28px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(7,116,123,.16)!important;
  box-shadow:0 30px 80px rgba(5,62,68,.28)!important;
}
body.theme-classic .price-contact-head{
  padding:24px 26px 22px!important;
  background:linear-gradient(135deg,#0f9ea5,#08b8c8)!important;
  color:#fff!important;
  border:0!important;
}
body.theme-classic .price-contact-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 36px 8px 0!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.16)!important;
}
body.theme-classic .price-contact-title img,
body.theme-classic .price-contact-title .price-icon-circle,
body.theme-classic .price-contact-title .circle{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:999px!important;
  background:#fff!important;
  object-fit:contain!important;
  padding:7px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.14)!important;
}
body.theme-classic .price-contact-sub{
  margin:0!important;
  color:rgba(255,255,255,.94)!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
body.theme-classic .price-contact-close{
  top:18px!important;
  right:18px!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
  font-size:24px!important;
  line-height:30px!important;
  box-shadow:none!important;
}
body.theme-classic .price-contact-body{
  padding:24px 26px 26px!important;
  background:#fff!important;
}
body.theme-classic .price-form-row{margin-bottom:15px!important;}
body.theme-classic .price-form-row label{
  display:block!important;
  margin:0 0 8px!important;
  color:#243244!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.theme-classic .price-form-row input,
body.theme-classic .price-form-row textarea{
  width:100%!important;
  border:1px solid rgba(7,116,123,.16)!important;
  background:#fff!important;
  color:#102033!important;
  border-radius:14px!important;
  padding:13px 14px!important;
  font-size:15px!important;
  line-height:1.4!important;
  outline:none!important;
  box-shadow:0 8px 20px rgba(7,116,123,.05)!important;
}
body.theme-classic .price-form-row input:focus,
body.theme-classic .price-form-row textarea:focus{
  border-color:#0f9ea5!important;
  box-shadow:0 0 0 4px rgba(15,158,165,.12)!important;
}
body.theme-classic .price-contact-submit{
  width:100%!important;
  height:52px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0f9ea5,#08b8c8)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:0 14px 30px rgba(8,184,200,.24)!important;
}
body.theme-classic .price-contact-submit:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 36px rgba(8,184,200,.30)!important;
}

/* CTA desktop Classic Pro: dong bo kich thuoc, can tam icon, hover khong che chu */
@media (min-width:769px){
  body.theme-classic .floating-action,
  body.theme-classic .float-btn,
  body.theme-classic .quick-contact-item,
  body.theme-classic .scroll-to-top{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    right:5px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    box-shadow:0 12px 26px rgba(7,116,123,.16)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    transition:width .22s ease, transform .18s ease, box-shadow .18s ease, background .18s ease!important;
  }
  body.theme-classic .floating-action:hover,
  body.theme-classic .scroll-to-top:hover{
    transform:translateX(-2px)!important;
    box-shadow:0 16px 34px rgba(7,116,123,.23)!important;
  }
  body.theme-classic .floating-action.phone,
  body.theme-classic .floating-action.call,
  body.theme-classic .quick-contact-item.phone,
  body.theme-classic .quick-contact-item.call{
    display:none!important;
  }
  body.theme-classic .floating-action.zalo{
    background:linear-gradient(135deg,#e3b342,#c9962e)!important;
    color:#fff!important;
  }
  body.theme-classic .floating-action.loan{
    background:#08777d!important;
    color:#fff!important;
  }
  body.theme-classic .floating-action.price-download{
    position:relative!important;
    background:linear-gradient(135deg,#1fc8c8,#0f9ea5)!important;
    color:#fff!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  body.theme-classic .floating-action.price-download .price-icon-circle,
  body.theme-classic .floating-action.price-download .circle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    background:#eaffff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:1!important;
  }
  body.theme-classic .floating-action.price-download img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
  }
  body.theme-classic .floating-action.price-download .label{
    display:none!important;
    position:relative!important;
    z-index:2!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
    font-weight:950!important;
    color:#fff!important;
  }
  body.theme-classic .floating-action.price-download:hover{
    width:150px!important;
    max-width:150px!important;
    min-width:150px!important;
    height:44px!important;
    padding:0 14px 0 48px!important;
    justify-content:flex-start!important;
    border-radius:999px!important;
  }
  body.theme-classic .floating-action.price-download:hover .price-icon-circle,
  body.theme-classic .floating-action.price-download:hover .circle{
    left:23px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  body.theme-classic .floating-action.price-download:hover .label{
    display:block!important;
    text-align:left!important;
  }
  body.theme-classic .scroll-to-top{
    background:#08777d!important;
    color:#fff!important;
  }
}

@media(max-width:768px){
  body.theme-classic .price-contact-overlay{
    padding:10px!important;
    align-items:center!important;
  }
  body.theme-classic .price-contact-modal{
    width:calc(100vw - 20px)!important;
    max-width:390px!important;
    max-height:calc(100vh - 24px)!important;
    overflow:auto!important;
    border-radius:20px!important;
  }
  body.theme-classic .price-contact-head{padding:18px 18px 15px!important;}
  body.theme-classic .price-contact-title{font-size:20px!important;padding-right:32px!important;}
  body.theme-classic .price-contact-title img,
  body.theme-classic .price-contact-title .price-icon-circle,
  body.theme-classic .price-contact-title .circle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  body.theme-classic .price-contact-sub{font-size:13px!important;line-height:1.45!important;}
  body.theme-classic .price-contact-body{padding:16px 18px 18px!important;}
  body.theme-classic .price-form-row input,
  body.theme-classic .price-form-row textarea{font-size:14px!important;padding:11px 12px!important;}
}

/* =========================================================
   V96.23 - Classic Pro FINAL: dong bo CTA + popup + icon nhu cac skin moi
   Fix manh hon vi layout.php co CSS goc rieng cho nut noi.
========================================================= */
body.theme-classic .floating-contact-stack{
  right:5px!important;
  bottom:92px!important;
  gap:9px!important;
  align-items:flex-end!important;
  pointer-events:none!important;
}
@media (min-width:769px){
  body.theme-classic .floating-contact-stack .floating-action,
  body.theme-classic .floating-contact-stack a.floating-action,
  body.theme-classic .floating-contact-stack button.floating-action,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    margin:0!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1!important;
    text-align:center!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 12px 26px rgba(7,116,123,.16)!important;
    transition:width .22s ease, max-width .22s ease, transform .18s ease, box-shadow .18s ease, background .18s ease!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.phone,
  body.theme-classic .floating-contact-stack a.floating-action.phone,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.phone{
    display:none!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.zalo{
    background:linear-gradient(135deg,#e3b342,#c9982f)!important;
    color:#fff!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.loan{
    background:linear-gradient(135deg,#08777d,#075f66)!important;
    color:#fff!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download{
    position:relative!important;
    background:linear-gradient(135deg,#1fc8c8,#0f9ea5)!important;
    color:#fff!important;
  }
  body.theme-classic .floating-contact-stack .floating-action .circle,
  body.theme-classic .floating-contact-stack .floating-action .price-icon-circle{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#08777d!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    z-index:2!important;
    box-shadow:none!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download .price-icon-circle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download .price-icon-circle img,
  body.theme-classic .floating-contact-stack .floating-action.price-download img.price-pdf-img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:23px!important;
    height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  body.theme-classic .floating-contact-stack .floating-action .label,
  body.theme-classic .floating-contact-stack .floating-action.price-download .label{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    white-space:nowrap!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download .price-close-x{
    display:none!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.loan:hover,
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover{
    width:150px!important;
    max-width:150px!important;
    min-width:150px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:999px!important;
    transform:translateX(-2px)!important;
    justify-content:flex-start!important;
    gap:9px!important;
    padding:0 14px 0 10px!important;
    box-shadow:0 16px 34px rgba(7,116,123,.23)!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover{
    padding-left:48px!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.loan:hover .label,
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .label{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .price-icon-circle{
    left:23px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  body.theme-classic .scroll-to-top,
  body.theme-classic #back-to-top,
  body.theme-classic .back-to-top{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    right:5px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#08777d,#075f66)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Popup bang gia Classic Pro - ép selector rộng hơn để không bị CSS gốc đè */
body.theme-classic #priceContactOverlay.price-contact-overlay,
body[data-site-skin="classic"] #priceContactOverlay.price-contact-overlay{
  background:rgba(7,22,28,.64)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
body.theme-classic #priceContactOverlay .price-contact-modal,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-modal{
  width:calc(100% - 28px)!important;
  max-width:500px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(7,116,123,.16)!important;
  background:#fff!important;
  box-shadow:0 30px 80px rgba(5,62,68,.28)!important;
}
body.theme-classic #priceContactOverlay .price-contact-head,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#0f9ea5,#08b8c8)!important;
  padding:24px 26px 22px!important;
  border:0!important;
  color:#fff!important;
}
body.theme-classic #priceContactOverlay .price-contact-title,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-title{
  color:#fff!important;
  font-size:26px!important;
  font-weight:950!important;
  line-height:1.15!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 40px 8px 0!important;
  text-shadow:0 2px 10px rgba(0,0,0,.16)!important;
}
body.theme-classic #priceContactOverlay .price-contact-sub,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-sub{
  color:rgba(255,255,255,.94)!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:650!important;
  margin:0!important;
}
body.theme-classic #priceContactOverlay .price-contact-close,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-close{
  top:18px!important;
  right:18px!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
  font-size:24px!important;
  line-height:30px!important;
  box-shadow:none!important;
}
body.theme-classic #priceContactOverlay .price-contact-body,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-body{
  padding:24px 26px 26px!important;
  background:#fff!important;
}
body.theme-classic #priceContactOverlay .price-form-row input,
body.theme-classic #priceContactOverlay .price-form-row textarea,
body[data-site-skin="classic"] #priceContactOverlay .price-form-row input,
body[data-site-skin="classic"] #priceContactOverlay .price-form-row textarea{
  border:1px solid rgba(7,116,123,.16)!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(7,116,123,.05)!important;
}
body.theme-classic #priceContactOverlay .price-contact-submit,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#0f9ea5,#08b8c8)!important;
  color:#fff!important;
  border-radius:14px!important;
  height:52px!important;
  font-weight:950!important;
  box-shadow:0 14px 30px rgba(8,184,200,.24)!important;
}

/* =========================================================
   V96.10 - Chỉnh kỹ hero overlay + CTA Classic/Default
   - Sales: form banner không vỡ, nút gửi không xuống dòng.
   - Premium Navy/Review: chữ banner overlay rõ, không chìm nền.
   - Premium sáng/Luxury: overlay đủ rộng, không ép tiêu đề xuống dòng.
   - Classic/Default: CTA desktop rút gọn dạng icon tròn như các skin khác.
   ========================================================= */

/* 1) Ép chữ hero overlay luôn rõ trên mọi skin nâng cấp */
body.theme-luxury .hero-overlay-box .hero-overlay-title,
body.theme-luxury .hero-overlay-box h1,
body.theme-luxury .hero-overlay-box h2,
body.theme-luxury .hero-overlay-box .title,
body.theme-urban .hero-overlay-box .hero-overlay-title,
body.theme-urban .hero-overlay-box h1,
body.theme-urban .hero-overlay-box h2,
body.theme-urban .hero-overlay-box .title,
body.theme-eco .hero-overlay-box .hero-overlay-title,
body.theme-eco .hero-overlay-box h1,
body.theme-eco .hero-overlay-box h2,
body.theme-eco .hero-overlay-box .title,
body.theme-warm .hero-overlay-box .hero-overlay-title,
body.theme-warm .hero-overlay-box h1,
body.theme-warm .hero-overlay-box h2,
body.theme-warm .hero-overlay-box .title,
body.theme-review .hero-overlay-box .hero-overlay-title,
body.theme-review .hero-overlay-box h1,
body.theme-review .hero-overlay-box h2,
body.theme-review .hero-overlay-box .title,
body.theme-sales .hero-overlay-box .hero-overlay-title,
body.theme-sales .hero-overlay-box h1,
body.theme-sales .hero-overlay-box h2,
body.theme-sales .hero-overlay-box .title,
body.theme-classic .hero-overlay-box .hero-overlay-title,
body.theme-classic .hero-overlay-box h1,
body.theme-classic .hero-overlay-box h2,
body.theme-classic .hero-overlay-box .title{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 3px 16px rgba(0,0,0,.24)!important;
}
body.theme-luxury .hero-overlay-box .hero-overlay-subtitle,
body.theme-luxury .hero-overlay-box p,
body.theme-urban .hero-overlay-box .hero-overlay-subtitle,
body.theme-urban .hero-overlay-box p,
body.theme-eco .hero-overlay-box .hero-overlay-subtitle,
body.theme-eco .hero-overlay-box p,
body.theme-warm .hero-overlay-box .hero-overlay-subtitle,
body.theme-warm .hero-overlay-box p,
body.theme-review .hero-overlay-box .hero-overlay-subtitle,
body.theme-review .hero-overlay-box p,
body.theme-sales .hero-overlay-box .hero-overlay-subtitle,
body.theme-sales .hero-overlay-box p,
body.theme-classic .hero-overlay-box .hero-overlay-subtitle,
body.theme-classic .hero-overlay-box p{
  color:rgba(255,255,255,.94)!important;
  opacity:1!important;
}

/* 2) Premium sáng/Luxury: card rộng hơn để tiêu đề không bị gãy dòng xấu */
@media (min-width: 992px){
  body.theme-luxury .hero-overlay-box{
    width:auto!important;
    max-width:620px!important;
    min-width:min(560px, calc(100vw - 120px))!important;
    padding:28px 32px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(15,51,86,.90),rgba(23,78,109,.76))!important;
  }
  body.theme-luxury .hero-overlay-title,
  body.theme-luxury .hero-overlay-box h1,
  body.theme-luxury .hero-overlay-box h2{
    font-size:34px!important;
    line-height:1.12!important;
    max-width:none!important;
    white-space:normal!important;
  }
}

/* 3) Premium Navy/Review: bỏ nền kính làm chữ chìm, chuyển card sáng rõ hơn */
@media (min-width: 992px){
  body.theme-review .hero-overlay-box{
    max-width:560px!important;
    min-width:min(500px, calc(100vw - 120px))!important;
    padding:52px 30px 28px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(10,45,75,.94),rgba(24,73,110,.88))!important;
    border:1px solid rgba(244,209,137,.28)!important;
    box-shadow:0 22px 58px rgba(6,25,43,.28)!important;
  }
  body.theme-review .hero-overlay-box:before{
    background:rgba(244,209,137,.20)!important;
    border-color:rgba(244,209,137,.55)!important;
    color:#ffe5a8!important;
  }
  body.theme-review .hero-overlay-title,
  body.theme-review .hero-overlay-box h1,
  body.theme-review .hero-overlay-box h2{
    color:#fff!important;
    opacity:1!important;
    text-shadow:0 4px 18px rgba(0,0,0,.28)!important;
    font-size:32px!important;
    line-height:1.14!important;
  }
}

/* 4) Sales CTA mạnh: form trong banner cân lại, không bị vỡ nút gửi */
@media (min-width: 992px){
  body.theme-sales .hero-overlay-box{
    max-width:650px!important;
    min-width:min(610px, calc(100vw - 120px))!important;
    padding:26px 30px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(9,91,137,.92),rgba(13,145,139,.84))!important;
    border:1px solid rgba(255,255,255,.30)!important;
  }
  body.theme-sales .hero-overlay-title,
  body.theme-sales .hero-overlay-box h1,
  body.theme-sales .hero-overlay-box h2{
    font-size:34px!important;
    line-height:1.12!important;
    color:#fff!important;
  }
  body.theme-sales .hero-sales-mini-form{
    margin-top:16px!important;
    padding:14px 16px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.15)!important;
    border:1px solid rgba(255,255,255,.30)!important;
    overflow:hidden!important;
  }
  body.theme-sales .hero-sales-form-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px!important;
    gap:8px!important;
    align-items:center!important;
  }
  body.theme-sales .hero-sales-form-grid input{
    min-width:0!important;
    width:100%!important;
    height:42px!important;
    border-radius:13px!important;
    padding:0 13px!important;
  }
  body.theme-sales .hero-sales-form-grid button{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:42px!important;
    padding:0!important;
    border-radius:13px!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:14px!important;
    text-align:center!important;
  }
}
@media (min-width: 992px) and (max-width: 1180px){
  body.theme-sales .hero-overlay-box{max-width:560px!important;min-width:0!important;}
  body.theme-sales .hero-sales-form-grid{grid-template-columns:1fr 1fr!important;}
  body.theme-sales .hero-sales-form-grid button{grid-column:1 / -1!important;width:100%!important;max-width:none!important;}
}

/* 5) Classic/Default: CTA desktop rút gọn thành icon tròn như các skin khác */
@media (min-width: 769px){
  body.theme-classic .floating-contact-stack,
  body.theme-default .floating-contact-stack,
  body[data-site-skin="classic"] .floating-contact-stack,
  body[data-site-skin="default"] .floating-contact-stack{
    right:5px!important;
    bottom:86px!important;
    gap:10px!important;
    align-items:center!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.phone,
  body.theme-default .floating-contact-stack .floating-action.phone,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.phone,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.phone{
    display:none!important;
  }
  body.theme-classic .floating-contact-stack .floating-action,
  body.theme-default .floating-contact-stack .floating-action,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action,
  body[data-site-skin="default"] .floating-contact-stack .floating-action{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
    box-shadow:0 12px 26px rgba(8,70,80,.18)!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.zalo,
  body.theme-default .floating-contact-stack .floating-action.zalo,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.zalo,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.zalo{
    background:#d8a742!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.loan,
  body.theme-default .floating-contact-stack .floating-action.loan,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan{
    background:linear-gradient(135deg,#08777d,#075f66)!important;
    color:#fff!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download,
  body.theme-default .floating-contact-stack .floating-action.price-download,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download{
    background:linear-gradient(135deg,#1fc8c8,#0f9ea5)!important;
    color:#fff!important;
  }
  body.theme-classic .floating-contact-stack .floating-action .circle,
  body.theme-classic .floating-contact-stack .floating-action .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action .circle,
  body.theme-default .floating-contact-stack .floating-action .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action .circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action .circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action .price-icon-circle{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    padding:0!important;
    margin:0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#08777d!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download .price-icon-circle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download .price-icon-circle img,
  body.theme-classic .floating-contact-stack .floating-action.price-download img.price-pdf-img,
  body.theme-default .floating-contact-stack .floating-action.price-download .price-icon-circle img,
  body.theme-default .floating-contact-stack .floating-action.price-download img.price-pdf-img,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download .price-icon-circle img,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download img.price-pdf-img,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download .price-icon-circle img,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download img.price-pdf-img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:23px!important;
    height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
  }
  body.theme-classic .floating-contact-stack .floating-action .label,
  body.theme-default .floating-contact-stack .floating-action .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action .label{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download .price-close-x,
  body.theme-default .floating-contact-stack .floating-action.price-download .price-close-x,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download .price-close-x,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download .price-close-x{
    display:none!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.loan:hover,
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover,
  body.theme-default .floating-contact-stack .floating-action.loan:hover,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:999px!important;
    justify-content:flex-start!important;
    gap:9px!important;
    padding:0 14px 0 10px!important;
    transform:translateX(-2px)!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover{
    padding-left:48px!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.loan:hover .label,
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .label,
  body.theme-default .floating-contact-stack .floating-action.loan:hover .label,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan:hover .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan:hover .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover .label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover .price-icon-circle{
    left:23px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* =========================================================
   V96.11 - Classic Pro: giữ cụm CTA desktop cố định, không làm icon khác nhảy theo
   ========================================================= */
@media (min-width: 769px){
  body.theme-classic .floating-contact-stack,
  body.theme-default .floating-contact-stack,
  body[data-site-skin="classic"] .floating-contact-stack,
  body[data-site-skin="default"] .floating-contact-stack{
    right:5px!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:10px!important;
    overflow:visible!important;
    width:auto!important;
    max-width:none!important;
  }

  body.theme-classic .floating-contact-stack .floating-action,
  body.theme-default .floating-contact-stack .floating-action,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action,
  body[data-site-skin="default"] .floating-contact-stack .floating-action{
    margin-left:auto!important;
    margin-right:0!important;
    flex:0 0 auto!important;
    transform:none!important;
    transition:width .2s ease, min-width .2s ease, max-width .2s ease, box-shadow .2s ease!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.zalo,
  body.theme-default .floating-contact-stack .floating-action.zalo,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.zalo,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.zalo{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.loan,
  body.theme-default .floating-contact-stack .floating-action.loan,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    justify-content:center!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download,
  body.theme-default .floating-contact-stack .floating-action.price-download,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    justify-content:center!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.loan:hover,
  body.theme-default .floating-contact-stack .floating-action.loan:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan:hover{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    transform:none!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download:hover,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 16px 0 48px!important;
    justify-content:flex-start!important;
    transform:none!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.loan:hover .label,
  body.theme-default .floating-contact-stack .floating-action.loan:hover .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan:hover .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan:hover .label{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .label,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover .label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download .price-icon-circle{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover .price-icon-circle{
    left:23px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* =========================================================
   V96.12 - Fix Classic CTA desktop: loan hover expands, price button aligns cleanly
   ========================================================= */
@media (min-width: 769px){
  body.theme-classic .floating-contact-stack,
  body.theme-default .floating-contact-stack,
  body[data-site-skin="classic"] .floating-contact-stack,
  body[data-site-skin="default"] .floating-contact-stack{
    right:5px!important;
    width:auto!important;
    max-width:none!important;
    align-items:flex-end!important;
    overflow:visible!important;
    gap:10px!important;
  }

  body.theme-classic .floating-contact-stack .floating-action,
  body.theme-default .floating-contact-stack .floating-action,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action,
  body[data-site-skin="default"] .floating-contact-stack .floating-action{
    position:relative!important;
    margin:0!important;
    flex:0 0 auto!important;
    transform:none!important;
    transition:width .22s ease, min-width .22s ease, max-width .22s ease, box-shadow .22s ease, background .22s ease!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.zalo,
  body.theme-default .floating-contact-stack .floating-action.zalo,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.zalo,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.zalo,
  body.theme-classic .floating-contact-stack .floating-action.loan,
  body.theme-default .floating-contact-stack .floating-action.loan,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan,
  body.theme-classic .floating-contact-stack .floating-action.price-download,
  body.theme-default .floating-contact-stack .floating-action.price-download,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    border-radius:999px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  body.theme-classic .floating-contact-stack .floating-action .label,
  body.theme-default .floating-contact-stack .floating-action .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action .label{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:14px!important;
    font-weight:950!important;
    color:#fff!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.loan:hover,
  body.theme-default .floating-contact-stack .floating-action.loan:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan:hover{
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 15px 0 8px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    transform:none!important;
    overflow:hidden!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.loan:hover .label,
  body.theme-default .floating-contact-stack .floating-action.loan:hover .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan:hover .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan:hover .label{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.loan .circle,
  body.theme-default .floating-contact-stack .floating-action.loan .circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.loan .circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.loan .circle{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    margin:0!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download:hover,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 15px 0 52px!important;
    justify-content:flex-start!important;
    transform:none!important;
    overflow:hidden!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .label,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover .label,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover .label,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover .label{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    text-align:left!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download .price-icon-circle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
  }

  body.theme-classic .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body.theme-default .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body[data-site-skin="classic"] .floating-contact-stack .floating-action.price-download:hover .price-icon-circle,
  body[data-site-skin="default"] .floating-contact-stack .floating-action.price-download:hover .price-icon-circle{
    left:24px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* V96.20 - Tối ưu mobile cho tất cả skin: header/menu + hero + card thông tin nhanh + CTA dưới */
@media (max-width: 767px){
  html body{
    padding-bottom:64px!important;
  }

  /* Header mobile gọn hơn */
  body.theme-luxury .site-nav,
  body.theme-urban .site-nav,
  body.theme-eco .site-nav,
  body.theme-warm .site-nav,
  body.theme-review .site-nav,
  body.theme-sales .site-nav,
  body.theme-classic .site-nav,
  body.theme-default .site-nav,
  body[data-site-skin] .site-nav{
    min-height:54px!important;
    margin:0 0 8px!important;
    border-radius:0 0 16px 16px!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  }

  body[data-site-skin] .site-nav .container,
  body[class*="theme-"] .site-nav .container{
    min-height:54px!important;
    padding:0 10px!important;
    width:100%!important;
  }

  body[data-site-skin] .site-nav .navbar-header,
  body[class*="theme-"] .site-nav .navbar-header{
    min-height:54px!important;
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }

  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand{
    display:block!important;
    width:100%!important;
    max-width:calc(100% - 82px)!important;
    padding:0!important;
    margin:0 auto!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.18!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-site-skin] .site-nav .navbar-toggle,
  body[class*="theme-"] .site-nav .navbar-toggle{
    position:absolute!important;
    right:10px!important;
    top:7px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    float:none!important;
  }

  body[data-site-skin] .site-nav .navbar-toggle .icon-bar,
  body[class*="theme-"] .site-nav .navbar-toggle .icon-bar{
    width:20px!important;
    height:2.5px!important;
    margin:3px 0!important;
    border-radius:999px!important;
  }

  body[data-site-skin] .site-nav .navbar-collapse,
  body[class*="theme-"] .site-nav .navbar-collapse{
    max-height:calc(100vh - 60px)!important;
    overflow-y:auto!important;
    padding:0 8px 10px!important;
    margin:0!important;
    border:0!important;
  }

  body[data-site-skin] .site-nav .nav,
  body[class*="theme-"] .site-nav .nav{
    padding:6px 0 8px!important;
  }

  body[data-site-skin] .site-nav .nav>li>a,
  body[class*="theme-"] .site-nav .nav>li>a{
    padding:10px 14px!important;
    margin:3px 0!important;
    font-size:16px!important;
    line-height:1.2!important;
    border-radius:13px!important;
  }

  body[data-site-skin] .site-nav .dropdown-menu,
  body[class*="theme-"] .site-nav .dropdown-menu{
    margin:3px 0 6px!important;
    padding:4px 0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  body[data-site-skin] .site-nav .dropdown-menu>li>a,
  body[class*="theme-"] .site-nav .dropdown-menu>li>a{
    padding:10px 18px 10px 28px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }

  /* Riêng Review/Corporate: nút 3 gạch luôn rõ trên nền sáng */
  body.theme-review .site-nav .navbar-toggle,
  body.theme-review-pro .site-nav .navbar-toggle,
  body.theme-corporate .site-nav .navbar-toggle{
    background:#eef5fb!important;
    border:1px solid rgba(13,59,95,.18)!important;
  }
  body.theme-review .site-nav .navbar-toggle .icon-bar,
  body.theme-review-pro .site-nav .navbar-toggle .icon-bar,
  body.theme-corporate .site-nav .navbar-toggle .icon-bar{
    background:#0d3b5f!important;
    box-shadow:none!important;
  }

  /* Hero/banner mobile: giảm khoảng trắng, ảnh gọn hơn */
  body[data-site-skin] .container,
  body[class*="theme-"] .container{
    width:calc(100% - 14px)!important;
  }

  body[data-site-skin] .website-wrapper.site-hero,
  body[class*="theme-"] .website-wrapper.site-hero{
    padding:6px!important;
    margin:8px auto 12px!important;
    border-radius:18px!important;
  }

  body[data-site-skin] .site-hero .banner-wrapper,
  body[data-site-skin] .site-hero .slide-wrapper,
  body[class*="theme-"] .site-hero .banner-wrapper,
  body[class*="theme-"] .site-hero .slide-wrapper{
    border-radius:15px!important;
  }

  body[data-site-skin] .banner-wrapper img,
  body[class*="theme-"] .banner-wrapper img{
    border-radius:15px!important;
    max-height:255px!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  body[data-site-skin] .hero-overlay-box,
  body[class*="theme-"] .hero-overlay-box{
    margin:8px 6px 0!important;
    padding:14px!important;
    border-radius:16px!important;
  }

  body[data-site-skin] .hero-overlay-title,
  body[class*="theme-"] .hero-overlay-title{
    font-size:22px!important;
    line-height:1.15!important;
  }

  body[data-site-skin] .hero-overlay-subtitle,
  body[class*="theme-"] .hero-overlay-subtitle{
    font-size:14px!important;
    line-height:1.4!important;
  }

  /* Khối thông tin nhanh mobile: gọn nhưng vẫn dễ bấm */
  body[data-site-skin] .home-highlight-section,
  body[class*="theme-"] .home-highlight-section{
    padding:10px 0 12px!important;
  }

  body[data-site-skin] .home-highlight-card,
  body[class*="theme-"] .home-highlight-card{
    padding:22px 14px 16px!important;
    border-radius:22px!important;
  }

  body[data-site-skin] .home-highlight-head,
  body[class*="theme-"] .home-highlight-head{
    margin-bottom:16px!important;
  }

  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2{
    font-size:clamp(30px, 8vw, 38px)!important;
    line-height:1.12!important;
    letter-spacing:.05em!important;
    margin:0 0 8px!important;
  }

  body[data-site-skin] .home-highlight-head p,
  body[class*="theme-"] .home-highlight-head p{
    font-size:20px!important;
    line-height:1.35!important;
    margin:0!important;
  }

  body[data-site-skin] .home-highlight-grid,
  body[class*="theme-"] .home-highlight-grid{
    gap:12px!important;
  }

  body[data-site-skin] .home-highlight-item,
  body[class*="theme-"] .home-highlight-item{
    min-height:0!important;
    padding:16px 18px!important;
    border-radius:20px!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
  }

  body[data-site-skin] .home-highlight-icon,
  body[class*="theme-"] .home-highlight-icon{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    border-radius:16px!important;
  }

  body[data-site-skin] .home-highlight-item strong,
  body[class*="theme-"] .home-highlight-item strong{
    font-size:20px!important;
    line-height:1.15!important;
    margin-bottom:5px!important;
  }

  body[data-site-skin] .home-highlight-item span,
  body[class*="theme-"] .home-highlight-item span{
    font-size:17px!important;
    line-height:1.35!important;
  }

  /* Mobile đã có thanh CTA dưới, ẩn cụm nút nổi bên phải để không che card */
  body[data-site-skin] .floating-contact-stack,
  body[class*="theme-"] .floating-contact-stack{
    display:none!important;
  }

  /* Thanh CTA dưới: thấp hơn một chút, gọn hơn */
  body[data-site-skin] .bottom-contact,
  body[class*="theme-"] .bottom-contact{
    height:62px!important;
    min-height:62px!important;
  }

  body[data-site-skin] .bottom-contact ul,
  body[class*="theme-"] .bottom-contact ul{
    height:62px!important;
    align-items:center!important;
  }

  body[data-site-skin] .bottom-contact a,
  body[class*="theme-"] .bottom-contact a{
    font-size:13px!important;
    line-height:1.12!important;
    gap:4px!important;
    padding:5px 2px 4px!important;
  }

  body[data-site-skin] .bottom-contact .bc-icon,
  body[class*="theme-"] .bottom-contact .bc-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    font-size:18px!important;
    margin-bottom:2px!important;
  }

  /* Nội dung mobile đọc thoáng hơn, bớt cồng kềnh */
  body[data-site-skin] .content-prose,
  body[class*="theme-"] .content-prose{
    font-size:17px!important;
  }

  body[data-site-skin] .content-prose p,
  body[data-site-skin] .content-prose li,
  body[class*="theme-"] .content-prose p,
  body[class*="theme-"] .content-prose li{
    line-height:1.72!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand{
    font-size:16px!important;
    max-width:calc(100% - 74px)!important;
  }

  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2{
    font-size:30px!important;
    letter-spacing:.04em!important;
  }

  body[data-site-skin] .home-highlight-head p,
  body[class*="theme-"] .home-highlight-head p{
    font-size:18px!important;
  }

  body[data-site-skin] .home-highlight-item,
  body[class*="theme-"] .home-highlight-item{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:14px!important;
    padding:15px 16px!important;
  }

  body[data-site-skin] .home-highlight-icon,
  body[class*="theme-"] .home-highlight-icon{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }

  body[data-site-skin] .home-highlight-item strong,
  body[class*="theme-"] .home-highlight-item strong{
    font-size:19px!important;
  }

  body[data-site-skin] .home-highlight-item span,
  body[class*="theme-"] .home-highlight-item span{
    font-size:16px!important;
  }
}

/* V96.21 - Mobile tinh gon hon: bo nen vang hover menu, hien lai nut tinh lai vay ben phai, thu gon khoi thong tin nhanh */
@media (max-width: 767px){
  /* Bỏ trạng thái hover/tap vàng trên thanh menu mobile */
  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand,
  body[data-site-skin] .mobile-brand,
  body[class*="theme-"] .mobile-brand,
  body[data-site-skin] .navbar-toggler,
  body[class*="theme-"] .navbar-toggler,
  body[data-site-skin] .site-nav a,
  body[class*="theme-"] .site-nav a{
    -webkit-tap-highlight-color: transparent!important;
  }

  body[data-site-skin] .site-nav .navbar-brand:hover,
  body[data-site-skin] .site-nav .navbar-brand:focus,
  body[data-site-skin] .site-nav .navbar-brand:active,
  body[class*="theme-"] .site-nav .navbar-brand:hover,
  body[class*="theme-"] .site-nav .navbar-brand:focus,
  body[class*="theme-"] .site-nav .navbar-brand:active,
  body[data-site-skin] .mobile-brand:hover,
  body[data-site-skin] .mobile-brand:focus,
  body[data-site-skin] .mobile-brand:active,
  body[class*="theme-"] .mobile-brand:hover,
  body[class*="theme-"] .mobile-brand:focus,
  body[class*="theme-"] .mobile-brand:active{
    background:transparent!important;
    box-shadow:none!important;
    outline:none!important;
    color:inherit!important;
  }

  body[data-site-skin] .site-nav,
  body[class*="theme-"] .site-nav{
    min-height:54px!important;
  }

  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand{
    font-size:15px!important;
    line-height:1.15!important;
    letter-spacing:.035em!important;
    padding:0!important;
    max-width:calc(100% - 68px)!important;
  }

  /* Thu gọn khối thông tin nhanh */
  body[data-site-skin] .home-highlight,
  body[class*="theme-"] .home-highlight{
    padding:24px 14px 18px!important;
    margin-top:14px!important;
    border-radius:22px!important;
  }

  body[data-site-skin] .home-highlight-head,
  body[class*="theme-"] .home-highlight-head{
    margin-bottom:18px!important;
  }

  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2{
    font-size:27px!important;
    line-height:1.15!important;
    letter-spacing:.04em!important;
    margin-bottom:8px!important;
  }

  body[data-site-skin] .home-highlight-head p,
  body[class*="theme-"] .home-highlight-head p{
    font-size:15px!important;
    line-height:1.35!important;
  }

  body[data-site-skin] .home-highlight-grid,
  body[class*="theme-"] .home-highlight-grid{
    gap:12px!important;
  }

  body[data-site-skin] .home-highlight-item,
  body[class*="theme-"] .home-highlight-item{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:12px!important;
    padding:13px 14px!important;
    border-radius:18px!important;
    min-height:auto!important;
  }

  body[data-site-skin] .home-highlight-icon,
  body[class*="theme-"] .home-highlight-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
    font-size:18px!important;
  }

  body[data-site-skin] .home-highlight-item strong,
  body[class*="theme-"] .home-highlight-item strong{
    font-size:16px!important;
    line-height:1.12!important;
    margin-bottom:4px!important;
  }

  body[data-site-skin] .home-highlight-item span,
  body[class*="theme-"] .home-highlight-item span{
    font-size:14px!important;
    line-height:1.35!important;
  }

  /* Mobile: giữ thanh dưới, nhưng hiện lại nút Tính lãi vay bên phải; ẩn Zalo/Tải bảng giá bên phải để không rối */
  body[data-site-skin] .floating-contact-stack,
  body[class*="theme-"] .floating-contact-stack{
    display:flex!important;
    position:fixed!important;
    right:6px!important;
    bottom:96px!important;
    z-index:999!important;
    width:auto!important;
    gap:0!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action,
  body[class*="theme-"] .floating-contact-stack .floating-action{
    display:none!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan{
    display:flex!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    padding:0!important;
    border-radius:999px!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .label,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .label{
    display:none!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .circle,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .circle{
    margin:0!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2{
    font-size:24px!important;
    line-height:1.16!important;
  }

  body[data-site-skin] .home-highlight-head p,
  body[class*="theme-"] .home-highlight-head p{
    font-size:14px!important;
  }

  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand{
    font-size:14px!important;
    letter-spacing:.03em!important;
  }
}

/* =========================================================
   PATCH 2026-06-09: Mobile gọn hơn - tiêu đề + nút tính lãi vay
   ========================================================= */
@media (max-width: 768px){
  /* Tiêu đề khối thông tin nhanh nhỏ hơn, đỡ chiếm màn hình */
  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2,
  body[data-site-skin] .home-overview-title,
  body[class*="theme-"] .home-overview-title{
    font-size:24px!important;
    line-height:1.12!important;
    letter-spacing:.055em!important;
    margin-bottom:8px!important;
  }

  body[data-site-skin] .home-highlight-head,
  body[class*="theme-"] .home-highlight-head{
    margin-bottom:18px!important;
  }

  /* Nút Tính lãi vay bên phải nhỏ lại để không đè card */
  body[data-site-skin] .floating-contact-stack,
  body[class*="theme-"] .floating-contact-stack{
    right:8px!important;
    bottom:104px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .circle,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .circle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    font-size:16px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan img,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan img{
    max-width:18px!important;
    max-height:18px!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2,
  body[data-site-skin] .home-overview-title,
  body[class*="theme-"] .home-overview-title{
    font-size:21px!important;
    line-height:1.15!important;
    letter-spacing:.05em!important;
  }

  body[data-site-skin] .home-highlight-item,
  body[class*="theme-"] .home-highlight-item{
    padding:15px 16px!important;
    min-height:auto!important;
  }

  body[data-site-skin] .home-highlight-item .icon,
  body[class*="theme-"] .home-highlight-item .icon,
  body[data-site-skin] .home-highlight-item i,
  body[class*="theme-"] .home-highlight-item i{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .circle,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .circle{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
}

/* V96.22 - Mobile: hạ nút Tính lãi vay xuống thấp hơn và giảm tiêu đề khối thông tin */
@media (max-width: 767px){
  body[data-site-skin] .floating-contact-stack,
  body[class*="theme-"] .floating-contact-stack{
    right:6px!important;
    bottom:76px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .circle,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .circle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    font-size:16px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan img,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan img,
  body[data-site-skin] .floating-contact-stack .floating-action.loan svg,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan svg{
    max-width:20px!important;
    max-height:20px!important;
  }

  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2{
    font-size:23px!important;
    line-height:1.14!important;
    letter-spacing:.035em!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .home-highlight-head h2,
  body[class*="theme-"] .home-highlight-head h2{
    font-size:21px!important;
    line-height:1.15!important;
  }

  body[data-site-skin] .floating-contact-stack,
  body[class*="theme-"] .floating-contact-stack{
    bottom:74px!important;
  }
}

/* V96.23 - Fix mobile menu click + thu nhỏ nút Tính lãi vay */
@media (max-width: 767px){
  /* Đảm bảo nút 3 gạch luôn bấm được, không bị logo/lớp header đè */
  body[data-site-skin] .site-nav,
  body[class*="theme-"] .site-nav{
    position:relative!important;
    z-index:1000!important;
  }

  body[data-site-skin] .site-nav .navbar-header,
  body[class*="theme-"] .site-nav .navbar-header{
    position:relative!important;
    z-index:1001!important;
  }

  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand{
    pointer-events:none!important;
  }

  body[data-site-skin] .site-nav .navbar-toggle,
  body[class*="theme-"] .site-nav .navbar-toggle,
  body[data-site-skin] .site-nav button.navbar-toggle,
  body[class*="theme-"] .site-nav button.navbar-toggle,
  body[data-site-skin] .navbar-toggler,
  body[class*="theme-"] .navbar-toggler{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:1005!important;
    touch-action:manipulation!important;
    user-select:none!important;
  }

  body[data-site-skin] .site-nav .navbar-toggle *,
  body[class*="theme-"] .site-nav .navbar-toggle *,
  body[data-site-skin] .navbar-toggler *,
  body[class*="theme-"] .navbar-toggler *{
    pointer-events:none!important;
  }

  /* Khi menu đã xổ xuống thì bảo đảm khối menu nhận click được */
  body[data-site-skin] .site-nav .navbar-collapse,
  body[class*="theme-"] .site-nav .navbar-collapse{
    position:relative!important;
    z-index:1004!important;
    pointer-events:auto!important;
  }

  body[data-site-skin] .site-nav .navbar-collapse.in,
  body[class*="theme-"] .site-nav .navbar-collapse.in,
  body[data-site-skin] .site-nav .navbar-collapse.show,
  body[class*="theme-"] .site-nav .navbar-collapse.show,
  body[data-site-skin] .site-nav .collapse.in,
  body[class*="theme-"] .site-nav .collapse.in{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    pointer-events:auto!important;
  }

  body[data-site-skin] .site-nav .nav,
  body[class*="theme-"] .site-nav .nav,
  body[data-site-skin] .site-nav .nav>li,
  body[class*="theme-"] .site-nav .nav>li,
  body[data-site-skin] .site-nav .nav>li>a,
  body[class*="theme-"] .site-nav .nav>li>a,
  body[data-site-skin] .site-nav .dropdown-menu,
  body[class*="theme-"] .site-nav .dropdown-menu,
  body[data-site-skin] .site-nav .dropdown-menu>li>a,
  body[class*="theme-"] .site-nav .dropdown-menu>li>a{
    pointer-events:auto!important;
  }

  /* Nút Tính lãi vay nhỏ hơn, đỡ trơ và không che nội dung */
  body[data-site-skin] .floating-contact-stack,
  body[class*="theme-"] .floating-contact-stack{
    right:6px!important;
    bottom:72px!important;
    z-index:998!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:999px!important;
    box-shadow:0 7px 15px rgba(0,0,0,.16)!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .circle,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .circle{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan img,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan img,
  body[data-site-skin] .floating-contact-stack .floating-action.loan svg,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan svg{
    max-width:16px!important;
    max-height:16px!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .floating-contact-stack .floating-action.loan,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }

  body[data-site-skin] .floating-contact-stack .floating-action.loan .circle,
  body[class*="theme-"] .floating-contact-stack .floating-action.loan .circle{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
}

/* V96.24 - Mobile: cho tên dự án trên header bấm về trang chủ, không đè nút 3 gạch */
@media (max-width: 767px){
  body[data-site-skin] .site-nav .navbar-brand,
  body[class*="theme-"] .site-nav .navbar-brand{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:1002!important;
    max-width:calc(100% - 92px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    touch-action:manipulation!important;
  }

  body[data-site-skin] .site-nav .navbar-toggle,
  body[class*="theme-"] .site-nav .navbar-toggle,
  body[data-site-skin] .site-nav button.navbar-toggle,
  body[class*="theme-"] .site-nav button.navbar-toggle,
  body[data-site-skin] .navbar-toggler,
  body[class*="theme-"] .navbar-toggler{
    z-index:1010!important;
  }
}

/* V96.35 - Mobile: thu nhỏ tiêu đề/logo footer cho gọn hơn */
@media (max-width: 768px){
  body[data-site-skin] .luxury-footer-brand,
  body[class*="theme-"] .luxury-footer-brand,
  body[data-site-skin] footer .luxury-footer-brand,
  body[class*="theme-"] footer .luxury-footer-brand{
    padding:18px 20px 16px!important;
    gap:12px!important;
    align-items:center!important;
  }

  body[data-site-skin] .luxury-footer-brand img,
  body[class*="theme-"] .luxury-footer-brand img,
  body[data-site-skin] footer .luxury-footer-brand img,
  body[class*="theme-"] footer .luxury-footer-brand img,
  body[data-site-skin] .footer-logo img,
  body[class*="theme-"] .footer-logo img{
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    object-fit:cover!important;
  }

  body[data-site-skin] .luxury-footer-brand h1,
  body[data-site-skin] .luxury-footer-brand h2,
  body[data-site-skin] .luxury-footer-brand h3,
  body[class*="theme-"] .luxury-footer-brand h1,
  body[class*="theme-"] .luxury-footer-brand h2,
  body[class*="theme-"] .luxury-footer-brand h3,
  body[data-site-skin] footer .footer-brand-title,
  body[class*="theme-"] footer .footer-brand-title,
  body[data-site-skin] footer .site-title,
  body[class*="theme-"] footer .site-title{
    font-size:24px!important;
    line-height:1.25!important;
    letter-spacing:.035em!important;
    margin:0 0 6px!important;
    word-break:normal!important;
  }

  body[data-site-skin] .luxury-footer-brand p,
  body[class*="theme-"] .luxury-footer-brand p,
  body[data-site-skin] footer .footer-brand-desc,
  body[class*="theme-"] footer .footer-brand-desc{
    font-size:15px!important;
    line-height:1.45!important;
    margin:0!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .luxury-footer-brand h1,
  body[data-site-skin] .luxury-footer-brand h2,
  body[data-site-skin] .luxury-footer-brand h3,
  body[class*="theme-"] .luxury-footer-brand h1,
  body[class*="theme-"] .luxury-footer-brand h2,
  body[class*="theme-"] .luxury-footer-brand h3,
  body[data-site-skin] footer .footer-brand-title,
  body[class*="theme-"] footer .footer-brand-title,
  body[data-site-skin] footer .site-title,
  body[class*="theme-"] footer .site-title{
    font-size:21px!important;
    line-height:1.22!important;
  }

  body[data-site-skin] .luxury-footer-brand img,
  body[class*="theme-"] .luxury-footer-brand img,
  body[data-site-skin] footer .luxury-footer-brand img,
  body[class*="theme-"] footer .luxury-footer-brand img,
  body[data-site-skin] .footer-logo img,
  body[class*="theme-"] .footer-logo img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
}

/* V96.36 - Mobile: thu nhỏ hơn nữa tiêu đề footer/brand */
@media (max-width: 768px){
  body[data-site-skin] .luxury-footer-brand,
  body[class*="theme-"] .luxury-footer-brand,
  body[data-site-skin] footer .luxury-footer-brand,
  body[class*="theme-"] footer .luxury-footer-brand,
  body[data-site-skin] .site-footer .luxury-footer-brand,
  body[class*="theme-"] .site-footer .luxury-footer-brand{
    padding:14px 16px 12px!important;
    gap:10px!important;
    align-items:center!important;
  }

  body[data-site-skin] .luxury-footer-brand h1,
  body[data-site-skin] .luxury-footer-brand h2,
  body[data-site-skin] .luxury-footer-brand h3,
  body[class*="theme-"] .luxury-footer-brand h1,
  body[class*="theme-"] .luxury-footer-brand h2,
  body[class*="theme-"] .luxury-footer-brand h3,
  body[data-site-skin] footer .footer-brand-title,
  body[class*="theme-"] footer .footer-brand-title,
  body[data-site-skin] footer .site-title,
  body[class*="theme-"] footer .site-title,
  body[data-site-skin] .site-footer .footer-brand-title,
  body[class*="theme-"] .site-footer .footer-brand-title{
    font-size:17px!important;
    line-height:1.22!important;
    letter-spacing:.025em!important;
    margin:0 0 4px!important;
    max-width:100%!important;
  }

  body[data-site-skin] .luxury-footer-brand p,
  body[class*="theme-"] .luxury-footer-brand p,
  body[data-site-skin] footer .footer-brand-desc,
  body[class*="theme-"] footer .footer-brand-desc,
  body[data-site-skin] .site-footer .footer-brand-desc,
  body[class*="theme-"] .site-footer .footer-brand-desc{
    font-size:13px!important;
    line-height:1.35!important;
    margin:0!important;
  }

  body[data-site-skin] .luxury-footer-brand img,
  body[class*="theme-"] .luxury-footer-brand img,
  body[data-site-skin] footer .luxury-footer-brand img,
  body[class*="theme-"] footer .luxury-footer-brand img,
  body[data-site-skin] .footer-logo img,
  body[class*="theme-"] .footer-logo img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
}

@media (max-width: 420px){
  body[data-site-skin] .luxury-footer-brand h1,
  body[data-site-skin] .luxury-footer-brand h2,
  body[data-site-skin] .luxury-footer-brand h3,
  body[class*="theme-"] .luxury-footer-brand h1,
  body[class*="theme-"] .luxury-footer-brand h2,
  body[class*="theme-"] .luxury-footer-brand h3,
  body[data-site-skin] footer .footer-brand-title,
  body[class*="theme-"] footer .footer-brand-title,
  body[data-site-skin] footer .site-title,
  body[class*="theme-"] footer .site-title{
    font-size:15px!important;
    line-height:1.18!important;
    letter-spacing:.02em!important;
  }

  body[data-site-skin] .luxury-footer-brand p,
  body[class*="theme-"] .luxury-footer-brand p,
  body[data-site-skin] footer .footer-brand-desc,
  body[class*="theme-"] footer .footer-brand-desc{
    font-size:12px!important;
    line-height:1.3!important;
  }

  body[data-site-skin] .luxury-footer-brand img,
  body[class*="theme-"] .luxury-footer-brand img,
  body[data-site-skin] footer .luxury-footer-brand img,
  body[class*="theme-"] footer .luxury-footer-brand img,
  body[data-site-skin] .footer-logo img,
  body[class*="theme-"] .footer-logo img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
}
/* =========================================================
   V96.1 - Mobile popup Tai bang gia: gon, de nhap, dong bo skin
   ========================================================= */
#priceContactOverlay.price-contact-overlay{
  z-index:99999!important;
}
#priceContactOverlay .price-contact-modal{
  overflow:hidden!important;
}
#priceContactOverlay .price-contact-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  z-index:5!important;
}
#priceContactOverlay .price-form-row label{
  display:block!important;
  margin:0 0 7px!important;
  font-weight:800!important;
  color:#243247!important;
}
#priceContactOverlay .price-form-row input,
#priceContactOverlay .price-form-row textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(20,39,62,.14)!important;
  background:#fff!important;
  color:#1d2b3d!important;
  outline:none!important;
  box-shadow:0 8px 20px rgba(18,34,54,.04)!important;
}
#priceContactOverlay .price-form-row input:focus,
#priceContactOverlay .price-form-row textarea:focus{
  border-color:var(--skin-accent, #0b8f8f)!important;
  box-shadow:0 0 0 4px rgba(11,143,143,.10)!important;
}
#priceContactOverlay .price-contact-submit{
  cursor:pointer!important;
  min-height:48px!important;
  border-radius:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
#priceContactOverlay .price-form-error,
#priceContactOverlay .price-send-error{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Dong bo mau dau popup theo skin */
body.theme-luxury #priceContactOverlay .price-contact-head,
body[data-site-skin="luxury"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#15395f,#0d2745)!important;
}
body.theme-luxury #priceContactOverlay .price-contact-submit,
body[data-site-skin="luxury"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#d6aa53,#f4d889)!important;color:#10243b!important;
}
body.theme-urban #priceContactOverlay .price-contact-head,
body[data-site-skin="urban"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#0b70ad,#074b84)!important;
}
body.theme-urban #priceContactOverlay .price-contact-submit,
body[data-site-skin="urban"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#0b79c5,#04598f)!important;color:#fff!important;
}
body.theme-eco #priceContactOverlay .price-contact-head,
body[data-site-skin="eco"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#0f8f83,#087268)!important;
}
body.theme-eco #priceContactOverlay .price-contact-submit,
body[data-site-skin="eco"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#0f9d8f,#068274)!important;color:#fff!important;
}
body.theme-warm #priceContactOverlay .price-contact-head,
body[data-site-skin="warm"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#a75d2e,#7d431f)!important;
}
body.theme-warm #priceContactOverlay .price-contact-submit,
body[data-site-skin="warm"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#d89243,#a85e2e)!important;color:#fff!important;
}
body.theme-review #priceContactOverlay .price-contact-head,
body[data-site-skin="review"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#143b60,#092640)!important;
}
body.theme-review #priceContactOverlay .price-contact-submit,
body[data-site-skin="review"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#d2a64e,#f0d58c)!important;color:#10243b!important;
}
body.theme-sales #priceContactOverlay .price-contact-head,
body[data-site-skin="sales"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#0d83b7,#05b7c7)!important;
}
body.theme-sales #priceContactOverlay .price-contact-submit,
body[data-site-skin="sales"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#ff7a28,#f04438)!important;color:#fff!important;
  box-shadow:0 12px 28px rgba(240,68,56,.25)!important;
}
body.theme-classic #priceContactOverlay .price-contact-head,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-head{
  background:linear-gradient(135deg,#0b8f8f,#05b6c8)!important;
}
body.theme-classic #priceContactOverlay .price-contact-submit,
body[data-site-skin="classic"] #priceContactOverlay .price-contact-submit{
  background:linear-gradient(135deg,#078b8b,#05b6c8)!important;color:#fff!important;
}

@media (max-width: 768px){
  #priceContactOverlay.price-contact-overlay{
    position:fixed!important;
    inset:0!important;
    display:none!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 10px calc(86px + env(safe-area-inset-bottom,0px))!important;
    background:rgba(4,13,24,.66)!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #priceContactOverlay.price-contact-overlay.is-open{
    display:flex!important;
  }
  #priceContactOverlay .price-contact-modal{
    width:min(100%, 430px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 96px)!important;
    margin:6px auto 0!important;
    border-radius:20px!important;
    display:flex!important;
    flex-direction:column!important;
    box-shadow:0 18px 50px rgba(0,0,0,.30)!important;
    border:1px solid rgba(255,255,255,.18)!important;
  }
  #priceContactOverlay .price-contact-head{
    flex:0 0 auto!important;
    padding:15px 48px 13px 16px!important;
    border-radius:20px 20px 0 0!important;
  }
  #priceContactOverlay .price-contact-title{
    font-size:20px!important;
    line-height:1.16!important;
    margin:0 0 6px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    color:#fff!important;
  }
  #priceContactOverlay .price-contact-title .price-pdf-badge,
  #priceContactOverlay .price-contact-title img,
  #priceContactOverlay .price-contact-title .circle,
  #priceContactOverlay .price-contact-title .price-icon-circle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
  }
  #priceContactOverlay .price-contact-sub{
    font-size:13px!important;
    line-height:1.45!important;
    margin:0!important;
    color:rgba(255,255,255,.94)!important;
  }
  #priceContactOverlay .price-contact-close{
    top:10px!important;
    right:10px!important;
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    font-size:22px!important;
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.22)!important;
  }
  #priceContactOverlay .price-contact-body{
    flex:1 1 auto!important;
    overflow-y:auto!important;
    padding:14px 16px 16px!important;
    background:#fff!important;
    border-radius:0 0 20px 20px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #priceContactOverlay .price-form-row{
    margin:0 0 11px!important;
  }
  #priceContactOverlay .price-form-row label{
    font-size:13px!important;
    margin-bottom:6px!important;
  }
  #priceContactOverlay .price-form-row input{
    height:46px!important;
    min-height:46px!important;
    padding:0 14px!important;
    border-radius:13px!important;
    font-size:15px!important;
  }
  #priceContactOverlay .price-form-row textarea{
    min-height:82px!important;
    max-height:112px!important;
    padding:12px 14px!important;
    border-radius:13px!important;
    font-size:15px!important;
    line-height:1.45!important;
    resize:vertical!important;
  }
  #priceContactOverlay .price-contact-submit{
    width:100%!important;
    min-height:48px!important;
    height:auto!important;
    padding:13px 14px!important;
    font-size:15px!important;
    line-height:1.25!important;
    position:sticky!important;
    bottom:0!important;
    z-index:2!important;
  }
  #priceContactOverlay .price-success{
    padding:22px 18px!important;
  }
  #priceContactOverlay .price-success-title{
    font-size:22px!important;
  }
  #priceContactOverlay .price-success p{
    font-size:14px!important;
    line-height:1.5!important;
  }
}

@media (max-width: 390px){
  #priceContactOverlay.price-contact-overlay{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #priceContactOverlay .price-contact-modal{
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 88px)!important;
    border-radius:18px!important;
  }
  #priceContactOverlay .price-contact-head{
    padding:13px 44px 12px 14px!important;
  }
  #priceContactOverlay .price-contact-title{
    font-size:18px!important;
  }
  #priceContactOverlay .price-contact-sub{
    font-size:12.5px!important;
  }
  #priceContactOverlay .price-contact-body{
    padding:12px 14px 14px!important;
  }
  #priceContactOverlay .price-form-row input{
    height:44px!important;
    min-height:44px!important;
  }
  #priceContactOverlay .price-form-row textarea{
    min-height:74px!important;
  }
}

/* =========================================================
   V96.2 - Fix popup Tai bang gia mobile khong bi nhay len tren
   ========================================================= */
@media (max-width: 768px){
  #priceContactOverlay.price-contact-overlay{
    align-items:center!important;
    justify-content:center!important;
    padding:16px 10px calc(86px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
  }
  #priceContactOverlay.price-contact-overlay.is-open{
    display:flex!important;
  }
  #priceContactOverlay .price-contact-modal{
    margin:auto!important;
    width:min(100%, 430px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:min(86dvh, calc(100vh - 96px))!important;
    transform:none!important;
  }
  #priceContactOverlay .price-contact-head{
    padding-top:14px!important;
    padding-bottom:12px!important;
  }
  #priceContactOverlay .price-contact-body{
    max-height:calc(86dvh - 118px)!important;
    overflow-y:auto!important;
  }
}

@media (max-width: 390px){
  #priceContactOverlay.price-contact-overlay{
    padding-top:12px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #priceContactOverlay .price-contact-modal{
    max-width:calc(100vw - 16px)!important;
    max-height:min(88dvh, calc(100vh - 78px))!important;
  }
  #priceContactOverlay .price-contact-body{
    max-height:calc(88dvh - 108px)!important;
  }
}

/* =========================================================
   V96.31 - Hero/Banner khác nhau rõ hơn theo từng skin
   Chỉ tối ưu desktop/tablet lớn; mobile giữ bố cục gọn hiện tại.
   ========================================================= */
@media (min-width: 992px){
  body[class*="theme-"] .site-hero .banner-wrapper,
  body[data-site-skin] .site-hero .banner-wrapper,
  body[class*="theme-"] .banner-wrapper{
    position:relative!important;
    overflow:hidden!important;
  }

  body[class*="theme-"] .hero-overlay-box{
    isolation:isolate!important;
    transform:none!important;
    transition:box-shadow .22s ease, transform .22s ease, background .22s ease!important;
  }
  body[class*="theme-"] .hero-overlay-box:hover{
    transform:translateY(-2px)!important;
  }
  body[class*="theme-"] .hero-overlay-title,
  body[class*="theme-"] .hero-overlay-box h1,
  body[class*="theme-"] .hero-overlay-box h2{
    letter-spacing:.015em!important;
    word-break:normal!important;
  }
  body[class*="theme-"] .hero-overlay-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    align-items:center!important;
  }
  body[class*="theme-"] .hero-overlay-btn,
  body[class*="theme-"] .hero-overlay-actions a,
  body[class*="theme-"] .hero-overlay-actions button{
    min-height:44px!important;
    border-radius:14px!important;
    padding:0 20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:950!important;
    text-decoration:none!important;
  }

  /* Luxury / Premium sáng: card nhỏ, sang, ít màu, không sales quá mạnh */
  body.theme-luxury .hero-overlay-box{
    width:auto!important;
    max-width:540px!important;
    min-width:min(500px, calc(100vw - 140px))!important;
    padding:28px 30px!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(9,34,62,.94),rgba(18,58,91,.86))!important;
    border:1px solid rgba(232,203,138,.34)!important;
    box-shadow:0 22px 62px rgba(6,22,40,.32), inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  body.theme-luxury .hero-overlay-title,
  body.theme-luxury .hero-overlay-box h1,
  body.theme-luxury .hero-overlay-box h2{
    font-size:32px!important;
    line-height:1.12!important;
    max-width:100%!important;
  }
  body.theme-luxury .hero-overlay-kicker{
    color:#f4d28a!important;
    letter-spacing:.18em!important;
  }
  body.theme-luxury .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#f4d28a,#c69a42)!important;
    color:#0d2c4a!important;
    box-shadow:0 12px 28px rgba(198,154,66,.28)!important;
  }
  body.theme-luxury .hero-overlay-btn:not(.primary){
    background:rgba(255,255,255,.96)!important;
    color:#0d2c4a!important;
  }

  /* Urban: hiện đại, thẳng, gọn, có nhịp đô thị */
  body.theme-urban .hero-overlay-box{
    max-width:560px!important;
    min-width:min(520px, calc(100vw - 140px))!important;
    padding:26px 30px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(6,72,126,.92),rgba(16,112,174,.82))!important;
    border-left:6px solid #60c7ff!important;
    border-top:1px solid rgba(255,255,255,.24)!important;
    border-right:1px solid rgba(255,255,255,.14)!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 18px 50px rgba(4,47,85,.30)!important;
  }
  body.theme-urban .hero-overlay-title,
  body.theme-urban .hero-overlay-box h1,
  body.theme-urban .hero-overlay-box h2{
    font-size:33px!important;
    line-height:1.12!important;
  }
  body.theme-urban .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#23b7ff,#0879c8)!important;
    color:#fff!important;
  }

  /* Eco: mềm, xanh, thân thiện, nhiều khoảng thở */
  body.theme-eco .hero-overlay-box{
    max-width:600px!important;
    min-width:min(560px, calc(100vw - 140px))!important;
    padding:30px 32px!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,rgba(3,99,82,.84),rgba(32,150,119,.72))!important;
    border:1px solid rgba(210,255,237,.34)!important;
    box-shadow:0 22px 58px rgba(6,97,81,.26), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  body.theme-eco .hero-overlay-title,
  body.theme-eco .hero-overlay-box h1,
  body.theme-eco .hero-overlay-box h2{
    font-size:35px!important;
    line-height:1.13!important;
  }
  body.theme-eco .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#e4b540,#f5d56e)!important;
    color:#064d42!important;
  }
  body.theme-eco .hero-overlay-btn:not(.primary){
    background:#f3fffb!important;
    color:#087466!important;
  }

  /* Warm: be/cam đất, cảm giác an cư, tin cậy */
  body.theme-warm .hero-overlay-box{
    max-width:570px!important;
    min-width:min(530px, calc(100vw - 140px))!important;
    padding:28px 32px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(126,66,31,.94),rgba(171,95,47,.84))!important;
    border:1px solid rgba(255,220,168,.35)!important;
    box-shadow:0 22px 58px rgba(105,54,26,.28)!important;
  }
  body.theme-warm .hero-overlay-title,
  body.theme-warm .hero-overlay-box h1,
  body.theme-warm .hero-overlay-box h2{
    font-size:33px!important;
    line-height:1.13!important;
  }
  body.theme-warm .hero-overlay-kicker{color:#ffe0a8!important;}
  body.theme-warm .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#ffd184,#f0a344)!important;
    color:#653215!important;
  }
  body.theme-warm .hero-overlay-btn:not(.primary){
    background:#fff8ed!important;
    color:#87491f!important;
  }

  /* Premium Navy / Corporate: mạnh, cao cấp, rõ chữ */
  body.theme-review .hero-overlay-box{
    max-width:570px!important;
    min-width:min(520px, calc(100vw - 140px))!important;
    padding:54px 30px 28px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(8,37,65,.96),rgba(22,66,101,.90))!important;
    border:1px solid rgba(229,190,112,.38)!important;
    box-shadow:0 24px 64px rgba(3,22,41,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  body.theme-review .hero-overlay-box:before{
    content:"PREMIUM PROJECT"!important;
    top:18px!important;
    left:28px!important;
    background:rgba(229,190,112,.18)!important;
    border-color:rgba(229,190,112,.55)!important;
    color:#ffe4a4!important;
  }
  body.theme-review .hero-overlay-title,
  body.theme-review .hero-overlay-box h1,
  body.theme-review .hero-overlay-box h2{
    font-size:32px!important;
    line-height:1.14!important;
    color:#fff!important;
    opacity:1!important;
  }
  body.theme-review .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#e6c071,#b88b3c)!important;
    color:#082541!important;
  }
  body.theme-review .hero-overlay-btn:not(.primary){
    background:rgba(255,255,255,.96)!important;
    color:#0b365a!important;
  }

  /* Sales: form nhận bảng giá trong banner đẹp và gọn hơn */
  body.theme-sales .hero-overlay-box{
    max-width:660px!important;
    min-width:min(620px, calc(100vw - 140px))!important;
    padding:26px 30px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(8,91,139,.94),rgba(12,142,139,.86))!important;
    border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 24px 64px rgba(5,82,120,.30), inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  body.theme-sales .hero-overlay-title,
  body.theme-sales .hero-overlay-box h1,
  body.theme-sales .hero-overlay-box h2{
    font-size:33px!important;
    line-height:1.12!important;
  }
  body.theme-sales .hero-sales-mini-form{
    display:block!important;
    margin-top:15px!important;
    padding:15px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.32)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  body.theme-sales .hero-sales-form-title{
    font-size:14px!important;
    margin:0 0 10px!important;
    color:#fff!important;
  }
  body.theme-sales .hero-sales-form-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 86px!important;
    gap:9px!important;
    align-items:center!important;
  }
  body.theme-sales .hero-sales-form-grid input{
    height:42px!important;
    min-width:0!important;
    width:100%!important;
    border-radius:13px!important;
    padding:0 13px!important;
    background:#fff!important;
    border:0!important;
    color:#172033!important;
    font-weight:800!important;
  }
  body.theme-sales .hero-sales-form-grid button{
    height:42px!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    padding:0!important;
    border-radius:13px!important;
    white-space:nowrap!important;
    background:linear-gradient(135deg,#ffb13d,#f25b2d)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(242,91,45,.28)!important;
  }
  body.theme-sales .hero-sales-form-note{
    font-size:12px!important;
    margin-top:8px!important;
    color:rgba(255,255,255,.86)!important;
  }

  /* Classic: giống mặc định nhưng mềm và hoàn thiện hơn */
  body.theme-classic .hero-overlay-box{
    max-width:590px!important;
    min-width:min(550px, calc(100vw - 140px))!important;
    padding:28px 32px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(5,115,112,.88),rgba(35,145,133,.76))!important;
    border:1px solid rgba(214,255,247,.32)!important;
    box-shadow:0 22px 58px rgba(7,102,99,.25), inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2{
    font-size:34px!important;
    line-height:1.12!important;
    color:#fff!important;
  }
  body.theme-classic .hero-overlay-kicker{color:#ffdb78!important;}
  body.theme-classic .hero-overlay-btn.primary{
    background:linear-gradient(135deg,#e0ae37,#f0c94c)!important;
    color:#064f4c!important;
  }
  body.theme-classic .hero-overlay-btn:not(.primary){
    background:#f4fffd!important;
    color:#075f5b!important;
  }
}

@media (min-width: 992px) and (max-width: 1180px){
  body.theme-sales .hero-overlay-box,
  body.theme-classic .hero-overlay-box,
  body.theme-eco .hero-overlay-box,
  body.theme-luxury .hero-overlay-box,
  body.theme-review .hero-overlay-box,
  body.theme-urban .hero-overlay-box,
  body.theme-warm .hero-overlay-box{
    min-width:0!important;
    max-width:520px!important;
  }
  body.theme-sales .hero-sales-form-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body.theme-sales .hero-sales-form-grid button{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

@media (max-width: 768px){
  body.theme-sales .hero-sales-mini-form{
    display:none!important;
  }
}

/* =========================================================
   V96.32 - Fix hero overlay: Classic desktop không xuống dòng + mobile card đúng vị trí
   ========================================================= */
@media (min-width: 1200px){
  body.theme-classic .hero-overlay-box,
  body[data-site-skin="classic"] .hero-overlay-box{
    max-width:680px!important;
    min-width:620px!important;
    width:auto!important;
  }
  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2,
  body[data-site-skin="classic"] .hero-overlay-title,
  body[data-site-skin="classic"] .hero-overlay-box h1,
  body[data-site-skin="classic"] .hero-overlay-box h2{
    white-space:nowrap!important;
    font-size:33px!important;
    line-height:1.12!important;
    max-width:none!important;
  }
}

@media (max-width: 767px){
  /* Mobile: đưa banner overlay thành card nằm gọn dưới ảnh, không chồng/lệch khỏi khung */
  body[class*="theme-"] .site-hero,
  body[data-site-skin] .site-hero{
    overflow:hidden!important;
  }
  body[class*="theme-"] .site-hero .banner-wrapper,
  body[data-site-skin] .site-hero .banner-wrapper,
  body[class*="theme-"] .site-hero .slide-wrapper,
  body[data-site-skin] .site-hero .slide-wrapper{
    overflow:visible!important;
  }
  body[class*="theme-"] .hero-overlay-box,
  body[data-site-skin] .hero-overlay-box{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:10px 0 0!important;
    padding:16px 14px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  body[class*="theme-"] .hero-overlay-box:hover,
  body[data-site-skin] .hero-overlay-box:hover{
    transform:none!important;
  }
  body[class*="theme-"] .hero-overlay-kicker,
  body[data-site-skin] .hero-overlay-kicker{
    display:block!important;
    margin-bottom:7px!important;
    font-size:12px!important;
    letter-spacing:.16em!important;
    line-height:1.25!important;
  }
  body[class*="theme-"] .hero-overlay-title,
  body[class*="theme-"] .hero-overlay-box h1,
  body[class*="theme-"] .hero-overlay-box h2,
  body[data-site-skin] .hero-overlay-title,
  body[data-site-skin] .hero-overlay-box h1,
  body[data-site-skin] .hero-overlay-box h2{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    font-size:clamp(24px, 7.3vw, 32px)!important;
    line-height:1.14!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    text-align:center!important;
  }
  body[class*="theme-"] .hero-overlay-subtitle,
  body[class*="theme-"] .hero-overlay-box p,
  body[data-site-skin] .hero-overlay-subtitle,
  body[data-site-skin] .hero-overlay-box p{
    font-size:15px!important;
    line-height:1.45!important;
    margin:0 0 12px!important;
    text-align:center!important;
  }
  body[class*="theme-"] .hero-overlay-actions,
  body[data-site-skin] .hero-overlay-actions{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  body[class*="theme-"] .hero-overlay-btn,
  body[class*="theme-"] .hero-overlay-actions a,
  body[class*="theme-"] .hero-overlay-actions button,
  body[data-site-skin] .hero-overlay-btn,
  body[data-site-skin] .hero-overlay-actions a,
  body[data-site-skin] .hero-overlay-actions button{
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    font-size:15px!important;
    white-space:nowrap!important;
  }
  body.theme-sales .hero-sales-mini-form,
  body[data-site-skin="sales"] .hero-sales-mini-form{
    display:none!important;
  }

  /* Mobile từng skin: giữ sắc thái riêng nhưng card gọn và đúng vị trí */
  body.theme-luxury .hero-overlay-box,
  body[data-site-skin="luxury"] .hero-overlay-box,
  body.theme-review .hero-overlay-box,
  body[data-site-skin="review"] .hero-overlay-box{
    background:linear-gradient(145deg,rgba(9,34,62,.94),rgba(18,58,91,.88))!important;
    border:1px solid rgba(232,203,138,.32)!important;
  }
  body.theme-eco .hero-overlay-box,
  body[data-site-skin="eco"] .hero-overlay-box,
  body.theme-classic .hero-overlay-box,
  body[data-site-skin="classic"] .hero-overlay-box{
    background:linear-gradient(135deg,rgba(5,115,112,.90),rgba(39,151,139,.80))!important;
    border:1px solid rgba(214,255,247,.32)!important;
  }
  body.theme-urban .hero-overlay-box,
  body[data-site-skin="urban"] .hero-overlay-box,
  body.theme-sales .hero-overlay-box,
  body[data-site-skin="sales"] .hero-overlay-box{
    background:linear-gradient(135deg,rgba(8,91,139,.94),rgba(12,142,139,.86))!important;
    border:1px solid rgba(255,255,255,.28)!important;
  }
  body.theme-warm .hero-overlay-box,
  body[data-site-skin="warm"] .hero-overlay-box{
    background:linear-gradient(135deg,rgba(126,66,31,.94),rgba(171,95,47,.84))!important;
    border:1px solid rgba(255,220,168,.35)!important;
  }
}

/* =========================================================
   V96.33 - Classic/Default hero overlay: rộng hơn + chữ nhỏ hơn
   - Fix tiêu đề CEOHOMES HANA GARDEN bị xuống dòng trên desktop.
   - Giảm size chữ banner overlay Classic để nhìn cân hơn.
   ========================================================= */
@media (min-width: 992px){
  body.theme-classic .hero-overlay-box,
  body[data-site-skin="classic"] .hero-overlay-box,
  body.theme-default .hero-overlay-box,
  body[data-site-skin="default"] .hero-overlay-box{
    width: min(720px, 48vw) !important;
    max-width: 720px !important;
    min-width: 640px !important;
    padding: 28px 34px !important;
    box-sizing: border-box !important;
  }

  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2,
  body.theme-classic .hero-overlay-box .title,
  body[data-site-skin="classic"] .hero-overlay-title,
  body[data-site-skin="classic"] .hero-overlay-box h1,
  body[data-site-skin="classic"] .hero-overlay-box h2,
  body[data-site-skin="classic"] .hero-overlay-box .title,
  body.theme-default .hero-overlay-title,
  body.theme-default .hero-overlay-box h1,
  body.theme-default .hero-overlay-box h2,
  body[data-site-skin="default"] .hero-overlay-title,
  body[data-site-skin="default"] .hero-overlay-box h1,
  body[data-site-skin="default"] .hero-overlay-box h2{
    font-size: clamp(28px, 2.2vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    margin-bottom: 12px !important;
  }

  body.theme-classic .hero-overlay-subtitle,
  body.theme-classic .hero-overlay-box p,
  body[data-site-skin="classic"] .hero-overlay-subtitle,
  body[data-site-skin="classic"] .hero-overlay-box p,
  body.theme-default .hero-overlay-subtitle,
  body.theme-default .hero-overlay-box p,
  body[data-site-skin="default"] .hero-overlay-subtitle,
  body[data-site-skin="default"] .hero-overlay-box p{
    font-size: 17px !important;
    line-height: 1.45 !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px){
  body.theme-classic .hero-overlay-box,
  body[data-site-skin="classic"] .hero-overlay-box,
  body.theme-default .hero-overlay-box,
  body[data-site-skin="default"] .hero-overlay-box{
    width: min(660px, 52vw) !important;
    min-width: 560px !important;
    max-width: 660px !important;
  }
  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2,
  body[data-site-skin="classic"] .hero-overlay-title,
  body[data-site-skin="classic"] .hero-overlay-box h1,
  body[data-site-skin="classic"] .hero-overlay-box h2,
  body.theme-default .hero-overlay-title,
  body.theme-default .hero-overlay-box h1,
  body.theme-default .hero-overlay-box h2,
  body[data-site-skin="default"] .hero-overlay-title,
  body[data-site-skin="default"] .hero-overlay-box h1,
  body[data-site-skin="default"] .hero-overlay-box h2{
    font-size: clamp(26px, 2.45vw, 31px) !important;
  }
}

@media (max-width: 991px){
  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2,
  body[data-site-skin="classic"] .hero-overlay-title,
  body[data-site-skin="classic"] .hero-overlay-box h1,
  body[data-site-skin="classic"] .hero-overlay-box h2{
    white-space: normal !important;
    font-size: clamp(24px, 7vw, 31px) !important;
    line-height: 1.14 !important;
  }
}

/* =========================================================
   V96.34 - Hero overlay tự co theo chữ, không phình banner
   - Áp dụng mạnh cho Classic/Default và an toàn cho toàn bộ skin.
   - Tiêu đề nhỏ hơn, không xuống dòng với tên dự án ngắn/vừa.
   - Card tự co theo nội dung, không còn bị thừa mảng trống lớn.
   ========================================================= */
@media (min-width: 992px){
  body.theme-classic .hero-overlay-box,
  body[data-site-skin="classic"] .hero-overlay-box,
  body.theme-default .hero-overlay-box,
  body[data-site-skin="default"] .hero-overlay-box{
    width: fit-content !important;
    min-width: 0 !important;
    max-width: min(620px, calc(100vw - 110px)) !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 24px 28px !important;
    box-sizing: border-box !important;
  }

  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2,
  body.theme-classic .hero-overlay-box .title,
  body[data-site-skin="classic"] .hero-overlay-title,
  body[data-site-skin="classic"] .hero-overlay-box h1,
  body[data-site-skin="classic"] .hero-overlay-box h2,
  body[data-site-skin="classic"] .hero-overlay-box .title,
  body.theme-default .hero-overlay-title,
  body.theme-default .hero-overlay-box h1,
  body.theme-default .hero-overlay-box h2,
  body.theme-default .hero-overlay-box .title,
  body[data-site-skin="default"] .hero-overlay-title,
  body[data-site-skin="default"] .hero-overlay-box h1,
  body[data-site-skin="default"] .hero-overlay-box h2,
  body[data-site-skin="default"] .hero-overlay-box .title{
    display: block !important;
    width: max-content !important;
    max-width: min(560px, calc(100vw - 170px)) !important;
    font-size: clamp(24px, 1.85vw, 30px) !important;
    line-height: 1.1 !important;
    letter-spacing: .005em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap !important;
    margin: 0 0 10px !important;
  }

  body.theme-classic .hero-overlay-subtitle,
  body.theme-classic .hero-overlay-box p,
  body[data-site-skin="classic"] .hero-overlay-subtitle,
  body[data-site-skin="classic"] .hero-overlay-box p,
  body.theme-default .hero-overlay-subtitle,
  body.theme-default .hero-overlay-box p,
  body[data-site-skin="default"] .hero-overlay-subtitle,
  body[data-site-skin="default"] .hero-overlay-box p{
    width: max-content !important;
    max-width: min(560px, calc(100vw - 170px)) !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0 0 18px !important;
    white-space: normal !important;
  }

  body.theme-classic .hero-overlay-actions,
  body[data-site-skin="classic"] .hero-overlay-actions,
  body.theme-default .hero-overlay-actions,
  body[data-site-skin="default"] .hero-overlay-actions{
    width: auto !important;
    display: flex !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px){
  body.theme-classic .hero-overlay-box,
  body[data-site-skin="classic"] .hero-overlay-box,
  body.theme-default .hero-overlay-box,
  body[data-site-skin="default"] .hero-overlay-box{
    max-width: min(590px, calc(100vw - 90px)) !important;
    padding: 22px 26px !important;
  }
  body.theme-classic .hero-overlay-title,
  body.theme-classic .hero-overlay-box h1,
  body.theme-classic .hero-overlay-box h2,
  body[data-site-skin="classic"] .hero-overlay-title,
  body[data-site-skin="classic"] .hero-overlay-box h1,
  body[data-site-skin="classic"] .hero-overlay-box h2,
  body.theme-default .hero-overlay-title,
  body.theme-default .hero-overlay-box h1,
  body.theme-default .hero-overlay-box h2,
  body[data-site-skin="default"] .hero-overlay-title,
  body[data-site-skin="default"] .hero-overlay-box h1,
  body[data-site-skin="default"] .hero-overlay-box h2{
    max-width: min(535px, calc(100vw - 145px)) !important;
    font-size: clamp(22px, 2vw, 27px) !important;
  }
}

@media (max-width: 991px){
  body[class*="theme-"] .hero-overlay-box,
  body[data-site-skin] .hero-overlay-box{
    width: fit-content !important;
    max-width: calc(100vw - 34px) !important;
    min-width: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 18px 18px 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body[class*="theme-"] .hero-overlay-title,
  body[class*="theme-"] .hero-overlay-box h1,
  body[class*="theme-"] .hero-overlay-box h2,
  body[class*="theme-"] .hero-overlay-box .title,
  body[data-site-skin] .hero-overlay-title,
  body[data-site-skin] .hero-overlay-box h1,
  body[data-site-skin] .hero-overlay-box h2,
  body[data-site-skin] .hero-overlay-box .title{
    width: max-content !important;
    max-width: calc(100vw - 74px) !important;
    font-size: clamp(20px, 5.5vw, 25px) !important;
    line-height: 1.12 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap !important;
    text-align: center !important;
    margin: 0 0 9px !important;
  }

  body[class*="theme-"] .hero-overlay-subtitle,
  body[class*="theme-"] .hero-overlay-box p,
  body[data-site-skin] .hero-overlay-subtitle,
  body[data-site-skin] .hero-overlay-box p{
    max-width: calc(100vw - 72px) !important;
    font-size: 15px !important;
    line-height: 1.38 !important;
    text-align: center !important;
    margin: 0 0 14px !important;
  }

  body[class*="theme-"] .hero-overlay-kicker,
  body[data-site-skin] .hero-overlay-kicker{
    font-size: 12px !important;
    letter-spacing: .12em !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  body[class*="theme-"] .hero-overlay-actions,
  body[data-site-skin] .hero-overlay-actions{
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: auto !important;
  }

  body[class*="theme-"] .hero-overlay-btn,
  body[class*="theme-"] .hero-overlay-actions a,
  body[class*="theme-"] .hero-overlay-actions button,
  body[data-site-skin] .hero-overlay-btn,
  body[data-site-skin] .hero-overlay-actions a,
  body[data-site-skin] .hero-overlay-actions button{
    min-height: 40px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 390px){
  body[class*="theme-"] .hero-overlay-title,
  body[class*="theme-"] .hero-overlay-box h1,
  body[class*="theme-"] .hero-overlay-box h2,
  body[data-site-skin] .hero-overlay-title,
  body[data-site-skin] .hero-overlay-box h1,
  body[data-site-skin] .hero-overlay-box h2{
    font-size: clamp(18px, 5.2vw, 21px) !important;
    max-width: calc(100vw - 58px) !important;
  }
  body[class*="theme-"] .hero-overlay-box,
  body[data-site-skin] .hero-overlay-box{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* =========================================================
   V96.35 - Đồng bộ font banner overlay nhỏ gọn cho các skin còn lại
   - Classic/Default đã ổn, giữ nguyên cảm giác hiện tại.
   - Các skin Luxury/Urban/Eco/Warm/Review/Sales dùng tiêu đề nhỏ hơn,
     card tự co theo chữ, hạn chế mảng trống và tránh xuống dòng trên desktop.
   ========================================================= */
@media (min-width: 992px){
  body.theme-luxury .hero-overlay-box,
  body.theme-urban .hero-overlay-box,
  body.theme-eco .hero-overlay-box,
  body.theme-warm .hero-overlay-box,
  body.theme-review .hero-overlay-box,
  body.theme-review-pro .hero-overlay-box,
  body.theme-corporate .hero-overlay-box,
  body.theme-sales .hero-overlay-box,
  body[data-site-skin="luxury"] .hero-overlay-box,
  body[data-site-skin="urban"] .hero-overlay-box,
  body[data-site-skin="eco"] .hero-overlay-box,
  body[data-site-skin="warm"] .hero-overlay-box,
  body[data-site-skin="review"] .hero-overlay-box,
  body[data-site-skin="sales"] .hero-overlay-box{
    width: fit-content !important;
    min-width: 0 !important;
    max-width: min(640px, calc(100vw - 120px)) !important;
    padding: 24px 28px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }

  body.theme-luxury .hero-overlay-title,
  body.theme-luxury .hero-overlay-box h1,
  body.theme-luxury .hero-overlay-box h2,
  body.theme-luxury .hero-overlay-box .title,
  body.theme-urban .hero-overlay-title,
  body.theme-urban .hero-overlay-box h1,
  body.theme-urban .hero-overlay-box h2,
  body.theme-urban .hero-overlay-box .title,
  body.theme-eco .hero-overlay-title,
  body.theme-eco .hero-overlay-box h1,
  body.theme-eco .hero-overlay-box h2,
  body.theme-eco .hero-overlay-box .title,
  body.theme-warm .hero-overlay-title,
  body.theme-warm .hero-overlay-box h1,
  body.theme-warm .hero-overlay-box h2,
  body.theme-warm .hero-overlay-box .title,
  body.theme-review .hero-overlay-title,
  body.theme-review .hero-overlay-box h1,
  body.theme-review .hero-overlay-box h2,
  body.theme-review .hero-overlay-box .title,
  body.theme-review-pro .hero-overlay-title,
  body.theme-review-pro .hero-overlay-box h1,
  body.theme-review-pro .hero-overlay-box h2,
  body.theme-review-pro .hero-overlay-box .title,
  body.theme-corporate .hero-overlay-title,
  body.theme-corporate .hero-overlay-box h1,
  body.theme-corporate .hero-overlay-box h2,
  body.theme-corporate .hero-overlay-box .title,
  body.theme-sales .hero-overlay-title,
  body.theme-sales .hero-overlay-box h1,
  body.theme-sales .hero-overlay-box h2,
  body.theme-sales .hero-overlay-box .title,
  body[data-site-skin="luxury"] .hero-overlay-title,
  body[data-site-skin="luxury"] .hero-overlay-box h1,
  body[data-site-skin="luxury"] .hero-overlay-box h2,
  body[data-site-skin="luxury"] .hero-overlay-box .title,
  body[data-site-skin="urban"] .hero-overlay-title,
  body[data-site-skin="urban"] .hero-overlay-box h1,
  body[data-site-skin="urban"] .hero-overlay-box h2,
  body[data-site-skin="urban"] .hero-overlay-box .title,
  body[data-site-skin="eco"] .hero-overlay-title,
  body[data-site-skin="eco"] .hero-overlay-box h1,
  body[data-site-skin="eco"] .hero-overlay-box h2,
  body[data-site-skin="eco"] .hero-overlay-box .title,
  body[data-site-skin="warm"] .hero-overlay-title,
  body[data-site-skin="warm"] .hero-overlay-box h1,
  body[data-site-skin="warm"] .hero-overlay-box h2,
  body[data-site-skin="warm"] .hero-overlay-box .title,
  body[data-site-skin="review"] .hero-overlay-title,
  body[data-site-skin="review"] .hero-overlay-box h1,
  body[data-site-skin="review"] .hero-overlay-box h2,
  body[data-site-skin="review"] .hero-overlay-box .title,
  body[data-site-skin="sales"] .hero-overlay-title,
  body[data-site-skin="sales"] .hero-overlay-box h1,
  body[data-site-skin="sales"] .hero-overlay-box h2,
  body[data-site-skin="sales"] .hero-overlay-box .title{
    display: block !important;
    width: max-content !important;
    max-width: min(580px, calc(100vw - 180px)) !important;
    font-size: clamp(24px, 1.85vw, 30px) !important;
    line-height: 1.1 !important;
    letter-spacing: .005em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap !important;
    margin: 0 0 10px !important;
  }

  body.theme-luxury .hero-overlay-subtitle,
  body.theme-luxury .hero-overlay-box p,
  body.theme-urban .hero-overlay-subtitle,
  body.theme-urban .hero-overlay-box p,
  body.theme-eco .hero-overlay-subtitle,
  body.theme-eco .hero-overlay-box p,
  body.theme-warm .hero-overlay-subtitle,
  body.theme-warm .hero-overlay-box p,
  body.theme-review .hero-overlay-subtitle,
  body.theme-review .hero-overlay-box p,
  body.theme-review-pro .hero-overlay-subtitle,
  body.theme-review-pro .hero-overlay-box p,
  body.theme-corporate .hero-overlay-subtitle,
  body.theme-corporate .hero-overlay-box p,
  body.theme-sales .hero-overlay-subtitle,
  body.theme-sales .hero-overlay-box p,
  body[data-site-skin="luxury"] .hero-overlay-subtitle,
  body[data-site-skin="luxury"] .hero-overlay-box p,
  body[data-site-skin="urban"] .hero-overlay-subtitle,
  body[data-site-skin="urban"] .hero-overlay-box p,
  body[data-site-skin="eco"] .hero-overlay-subtitle,
  body[data-site-skin="eco"] .hero-overlay-box p,
  body[data-site-skin="warm"] .hero-overlay-subtitle,
  body[data-site-skin="warm"] .hero-overlay-box p,
  body[data-site-skin="review"] .hero-overlay-subtitle,
  body[data-site-skin="review"] .hero-overlay-box p,
  body[data-site-skin="sales"] .hero-overlay-subtitle,
  body[data-site-skin="sales"] .hero-overlay-box p{
    max-width: min(580px, calc(100vw - 180px)) !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0 0 18px !important;
  }

  body.theme-luxury .hero-overlay-actions,
  body.theme-urban .hero-overlay-actions,
  body.theme-eco .hero-overlay-actions,
  body.theme-warm .hero-overlay-actions,
  body.theme-review .hero-overlay-actions,
  body.theme-review-pro .hero-overlay-actions,
  body.theme-corporate .hero-overlay-actions,
  body.theme-sales .hero-overlay-actions,
  body[data-site-skin="luxury"] .hero-overlay-actions,
  body[data-site-skin="urban"] .hero-overlay-actions,
  body[data-site-skin="eco"] .hero-overlay-actions,
  body[data-site-skin="warm"] .hero-overlay-actions,
  body[data-site-skin="review"] .hero-overlay-actions,
  body[data-site-skin="sales"] .hero-overlay-actions{
    width: auto !important;
    display: flex !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px){
  body.theme-luxury .hero-overlay-box,
  body.theme-urban .hero-overlay-box,
  body.theme-eco .hero-overlay-box,
  body.theme-warm .hero-overlay-box,
  body.theme-review .hero-overlay-box,
  body.theme-review-pro .hero-overlay-box,
  body.theme-corporate .hero-overlay-box,
  body.theme-sales .hero-overlay-box,
  body[data-site-skin="luxury"] .hero-overlay-box,
  body[data-site-skin="urban"] .hero-overlay-box,
  body[data-site-skin="eco"] .hero-overlay-box,
  body[data-site-skin="warm"] .hero-overlay-box,
  body[data-site-skin="review"] .hero-overlay-box,
  body[data-site-skin="sales"] .hero-overlay-box{
    max-width: min(600px, calc(100vw - 95px)) !important;
    padding: 22px 26px !important;
  }

  body.theme-luxury .hero-overlay-title,
  body.theme-luxury .hero-overlay-box h1,
  body.theme-luxury .hero-overlay-box h2,
  body.theme-urban .hero-overlay-title,
  body.theme-urban .hero-overlay-box h1,
  body.theme-urban .hero-overlay-box h2,
  body.theme-eco .hero-overlay-title,
  body.theme-eco .hero-overlay-box h1,
  body.theme-eco .hero-overlay-box h2,
  body.theme-warm .hero-overlay-title,
  body.theme-warm .hero-overlay-box h1,
  body.theme-warm .hero-overlay-box h2,
  body.theme-review .hero-overlay-title,
  body.theme-review .hero-overlay-box h1,
  body.theme-review .hero-overlay-box h2,
  body.theme-review-pro .hero-overlay-title,
  body.theme-review-pro .hero-overlay-box h1,
  body.theme-review-pro .hero-overlay-box h2,
  body.theme-corporate .hero-overlay-title,
  body.theme-corporate .hero-overlay-box h1,
  body.theme-corporate .hero-overlay-box h2,
  body.theme-sales .hero-overlay-title,
  body.theme-sales .hero-overlay-box h1,
  body.theme-sales .hero-overlay-box h2,
  body[data-site-skin="luxury"] .hero-overlay-title,
  body[data-site-skin="luxury"] .hero-overlay-box h1,
  body[data-site-skin="luxury"] .hero-overlay-box h2,
  body[data-site-skin="urban"] .hero-overlay-title,
  body[data-site-skin="urban"] .hero-overlay-box h1,
  body[data-site-skin="urban"] .hero-overlay-box h2,
  body[data-site-skin="eco"] .hero-overlay-title,
  body[data-site-skin="eco"] .hero-overlay-box h1,
  body[data-site-skin="eco"] .hero-overlay-box h2,
  body[data-site-skin="warm"] .hero-overlay-title,
  body[data-site-skin="warm"] .hero-overlay-box h1,
  body[data-site-skin="warm"] .hero-overlay-box h2,
  body[data-site-skin="review"] .hero-overlay-title,
  body[data-site-skin="review"] .hero-overlay-box h1,
  body[data-site-skin="review"] .hero-overlay-box h2,
  body[data-site-skin="sales"] .hero-overlay-title,
  body[data-site-skin="sales"] .hero-overlay-box h1,
  body[data-site-skin="sales"] .hero-overlay-box h2{
    max-width: min(540px, calc(100vw - 150px)) !important;
    font-size: clamp(22px, 2vw, 27px) !important;
  }
}

/* =========================================================
   V96.35 - Khối thông tin nhanh khác nhau theo từng skin
   Áp dụng cho block: Quy mô / Vị trí / Loại hình / Hotline
   ========================================================= */
body[class*="theme-"] .home-highlight-card,
body[data-site-skin] .home-highlight-card{
  position:relative!important;
  overflow:hidden!important;
}
body[class*="theme-"] .home-highlight-head h2,
body[data-site-skin] .home-highlight-head h2,
body[class*="theme-"] .home-overview-title,
body[data-site-skin] .home-overview-title{
  text-wrap:balance!important;
}
body[class*="theme-"] .home-highlight-item,
body[data-site-skin] .home-highlight-item{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
@media (hover:hover){
  body[class*="theme-"] .home-highlight-item:hover,
  body[data-site-skin] .home-highlight-item:hover{
    transform:translateY(-2px)!important;
  }
}

/* Luxury/Premium sáng: mảnh, sang, navy/champagne */
body.theme-luxury .home-highlight-card{
  background:linear-gradient(135deg,#fffdf8 0%,#f8f3e8 48%,#eef5fb 100%)!important;
  border:1px solid rgba(214,180,103,.34)!important;
  border-bottom:4px solid #caa65a!important;
  box-shadow:0 18px 42px rgba(23,52,86,.10)!important;
}
body.theme-luxury .home-highlight-head h2,
body.theme-luxury .home-overview-title{
  color:#173456!important;
  letter-spacing:.055em!important;
}
body.theme-luxury .home-highlight-item{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(214,180,103,.30)!important;
  border-radius:16px!important;
  box-shadow:0 10px 26px rgba(23,52,86,.08)!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  padding:17px 18px!important;
}
body.theme-luxury .home-highlight-icon{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#173456,#0d2744)!important;
  color:#f3d08a!important;
  box-shadow:0 10px 22px rgba(23,52,86,.16)!important;
}
body.theme-luxury .home-highlight-item strong{color:#173456!important;}
body.theme-luxury .home-highlight-item span{color:#59677b!important;}

/* Urban: hiện đại, thẳng, gọn */
body.theme-urban .home-highlight-card{
  background:linear-gradient(135deg,#f4faff 0%,#eaf5ff 100%)!important;
  border:1px solid rgba(30,117,187,.20)!important;
  border-bottom:4px solid #1e75bb!important;
  box-shadow:0 16px 34px rgba(9,60,105,.10)!important;
}
body.theme-urban .home-highlight-item{
  background:#ffffff!important;
  border:1px solid rgba(30,117,187,.22)!important;
  border-left:5px solid #1e75bb!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(9,60,105,.07)!important;
  padding:16px 17px!important;
}
body.theme-urban .home-highlight-icon{
  border-radius:12px!important;
  background:linear-gradient(135deg,#1e75bb,#0d5d9b)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.theme-urban .home-highlight-item strong{color:#0b3d66!important;}

/* Eco: mềm, xanh, thân thiện */
body.theme-eco .home-highlight-card,
body.theme-classic .home-highlight-card{
  background:radial-gradient(circle at 16% 18%,rgba(255,239,196,.62),transparent 34%),radial-gradient(circle at 86% 12%,rgba(122,224,210,.38),transparent 35%),linear-gradient(135deg,#f8fffb 0%,#eafbf7 100%)!important;
  border:1px solid rgba(13,143,128,.18)!important;
  border-bottom:4px solid #0d8f80!important;
  box-shadow:0 18px 38px rgba(13,143,128,.10)!important;
}
body.theme-eco .home-highlight-item,
body.theme-classic .home-highlight-item{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(13,143,128,.18)!important;
  border-radius:21px!important;
  box-shadow:0 11px 28px rgba(13,143,128,.09)!important;
  padding:17px 18px!important;
}
body.theme-eco .home-highlight-icon,
body.theme-classic .home-highlight-icon{
  border-radius:16px!important;
  background:linear-gradient(135deg,#0d8f80,#08766c)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(13,143,128,.18)!important;
}
body.theme-eco .home-highlight-item strong,
body.theme-classic .home-highlight-item strong{color:#073b4c!important;}

/* Warm: be/cam đất, an cư */
body.theme-warm .home-highlight-card{
  background:radial-gradient(circle at 12% 8%,rgba(255,222,162,.50),transparent 35%),linear-gradient(135deg,#fffaf2 0%,#fff3e5 100%)!important;
  border:1px solid rgba(151,82,38,.20)!important;
  border-bottom:4px solid #9a5429!important;
  box-shadow:0 16px 36px rgba(121,65,35,.10)!important;
}
body.theme-warm .home-highlight-item{
  background:rgba(255,253,248,.92)!important;
  border:1px solid rgba(151,82,38,.22)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(121,65,35,.08)!important;
  padding:17px 18px!important;
}
body.theme-warm .home-highlight-icon{
  border-radius:15px!important;
  background:linear-gradient(135deg,#9a5429,#c7793b)!important;
  color:#fff7e7!important;
  box-shadow:0 12px 24px rgba(154,84,41,.18)!important;
}
body.theme-warm .home-highlight-head h2,
body.theme-warm .home-overview-title,
body.theme-warm .home-highlight-item strong{color:#7b3f20!important;}
body.theme-warm .home-highlight-head p{color:#c96842!important;}

/* Premium Navy/Corporate: mạnh, cao cấp */
body.theme-review .home-highlight-card{
  background:linear-gradient(135deg,#f7fbff 0%,#eef5fb 100%)!important;
  border:1px solid rgba(14,62,101,.20)!important;
  border-top:4px solid #0e3e65!important;
  border-bottom:4px solid #d2a84d!important;
  box-shadow:0 18px 38px rgba(14,62,101,.12)!important;
}
body.theme-review .home-highlight-item{
  background:linear-gradient(135deg,#ffffff,#f7fbff)!important;
  border:1px solid rgba(14,62,101,.18)!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(14,62,101,.08)!important;
  padding:16px 18px!important;
}
body.theme-review .home-highlight-icon{
  background:linear-gradient(135deg,#0e3e65,#0a2944)!important;
  color:#f7d47b!important;
  border-radius:12px!important;
  box-shadow:0 10px 22px rgba(14,62,101,.18)!important;
}
body.theme-review .home-highlight-item strong{color:#0e3e65!important;}

/* Sales: nổi bật hotline/CTA hơn */
body.theme-sales .home-highlight-card{
  background:radial-gradient(circle at 82% 14%,rgba(255,156,38,.24),transparent 34%),linear-gradient(135deg,#f4fbff 0%,#e8f6ff 100%)!important;
  border:1px solid rgba(0,116,178,.20)!important;
  border-bottom:4px solid #ff8a1d!important;
  box-shadow:0 18px 40px rgba(0,116,178,.12)!important;
}
body.theme-sales .home-highlight-item{
  background:#fff!important;
  border:1px solid rgba(0,116,178,.18)!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(0,116,178,.08)!important;
  padding:17px 18px!important;
}
body.theme-sales .home-highlight-item:last-child{
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 70%)!important;
  border-color:rgba(255,138,29,.38)!important;
  box-shadow:0 14px 30px rgba(255,138,29,.12)!important;
}
body.theme-sales .home-highlight-icon{
  background:linear-gradient(135deg,#0789c7,#045a92)!important;
  color:#fff!important;
  border-radius:15px!important;
  box-shadow:0 12px 24px rgba(0,116,178,.18)!important;
}
body.theme-sales .home-highlight-item:last-child .home-highlight-icon{
  background:linear-gradient(135deg,#ff8a1d,#f0522a)!important;
}
body.theme-sales .home-highlight-head h2,
body.theme-sales .home-overview-title{color:#045a92!important;}

/* Mobile: vẫn gọn, không làm card quá cao */
@media (max-width: 767px){
  body[class*="theme-"] .home-highlight-card,
  body[data-site-skin] .home-highlight-card{
    padding:20px 16px!important;
    border-radius:22px!important;
  }
  body[class*="theme-"] .home-highlight-grid,
  body[data-site-skin] .home-highlight-grid{
    gap:12px!important;
  }
  body[class*="theme-"] .home-highlight-item,
  body[data-site-skin] .home-highlight-item{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:13px!important;
    padding:14px 15px!important;
    border-radius:17px!important;
    min-height:auto!important;
  }
  body[class*="theme-"] .home-highlight-icon,
  body[data-site-skin] .home-highlight-icon{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
  }
  body[class*="theme-"] .home-highlight-item strong,
  body[data-site-skin] .home-highlight-item strong{
    font-size:17px!important;
    line-height:1.15!important;
  }
  body[class*="theme-"] .home-highlight-item span,
  body[data-site-skin] .home-highlight-item span{
    font-size:14.5px!important;
    line-height:1.32!important;
  }
}

/* =========================================================
   V96. Sidebar phải khác nhau theo từng skin
   Chỉ CSS, không ảnh hưởng chức năng
   ========================================================= */

body.theme-luxury .right-panel-wrapper,
body.theme-urban .right-panel-wrapper,
body.theme-eco .right-panel-wrapper,
body.theme-warm .right-panel-wrapper,
body.theme-review .right-panel-wrapper,
body.theme-sales .right-panel-wrapper,
body.theme-classic .right-panel-wrapper,
body.theme-corporate .right-panel-wrapper,
body.theme-review-pro .right-panel-wrapper{
    gap:14px!important;
}

body.theme-luxury .right-panel-wrapper .panel,
body.theme-luxury .right-panel-wrapper .panel-tid,
body.theme-luxury .right-panel-wrapper .panel-right,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132,
body.theme-luxury .right-box,
body.theme-luxury .sidebar-box,
body.theme-luxury .sidebar .panel{
    border-radius:10px!important;
    border:1px solid rgba(19,44,73,.13)!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 10px 26px rgba(15,35,61,.075)!important;
    overflow:hidden!important;
}
body.theme-luxury .right-panel-wrapper .panel-heading,
body.theme-luxury .right-panel-wrapper .right-title,
body.theme-luxury .right-box-title,
body.theme-luxury .sidebar-title,
body.theme-luxury .sidebar .box-title{
    background:#12304f!important;
    color:#fff!important;
    border-bottom:2px solid #d6b466!important;
    min-height:42px!important;
    padding:11px 14px!important;
    font-size:15px!important;
    letter-spacing:.1px!important;
}

body.theme-urban .right-panel-wrapper .panel,
body.theme-urban .right-panel-wrapper .panel-tid,
body.theme-urban .right-panel-wrapper .panel-right,
body.theme-urban .right-panel-wrapper .consultant-panel-v121,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132,
body.theme-urban .right-box,
body.theme-urban .sidebar-box,
body.theme-urban .sidebar .panel{
    border-radius:8px!important;
    border:1px solid rgba(37,99,235,.16)!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(30,64,175,.075)!important;
    overflow:hidden!important;
}
body.theme-urban .right-panel-wrapper .panel-heading,
body.theme-urban .right-panel-wrapper .right-title,
body.theme-urban .right-box-title,
body.theme-urban .sidebar-title,
body.theme-urban .sidebar .box-title{
    background:linear-gradient(90deg,#0f5ea8,#1d8ad4)!important;
    color:#fff!important;
    border-bottom:0!important;
    border-left:4px solid #38bdf8!important;
    min-height:40px!important;
    padding:10px 14px!important;
    font-size:15px!important;
}

body.theme-eco .right-panel-wrapper .panel,
body.theme-eco .right-panel-wrapper .panel-tid,
body.theme-eco .right-panel-wrapper .panel-right,
body.theme-eco .right-panel-wrapper .consultant-panel-v121,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132,
body.theme-eco .right-box,
body.theme-eco .sidebar-box,
body.theme-eco .sidebar .panel{
    border-radius:18px!important;
    border:1px solid rgba(22,163,74,.16)!important;
    background:linear-gradient(180deg,#ffffff 0%,#f3fbf7 100%)!important;
    box-shadow:0 12px 26px rgba(16,120,82,.085)!important;
    overflow:hidden!important;
}
body.theme-eco .right-panel-wrapper .panel-heading,
body.theme-eco .right-panel-wrapper .right-title,
body.theme-eco .right-box-title,
body.theme-eco .sidebar-title,
body.theme-eco .sidebar .box-title{
    background:linear-gradient(135deg,#087f6b,#22a06b)!important;
    color:#fff!important;
    border-bottom:3px solid #97d56a!important;
    min-height:42px!important;
    padding:11px 15px!important;
    font-size:15px!important;
    border-radius:0!important;
}

body.theme-classic .right-panel-wrapper .panel,
body.theme-classic .right-panel-wrapper .panel-tid,
body.theme-classic .right-panel-wrapper .panel-right,
body.theme-classic .right-panel-wrapper .consultant-panel-v121,
body.theme-classic .right-panel-wrapper .quick-docs-panel-v132,
body.theme-classic .right-box,
body.theme-classic .sidebar-box,
body.theme-classic .sidebar .panel{
    border-radius:16px!important;
    border:1px solid rgba(16,143,129,.15)!important;
    background:linear-gradient(180deg,#ffffff 0%,#f3fbfa 100%)!important;
    box-shadow:0 10px 24px rgba(0,128,128,.075)!important;
    overflow:hidden!important;
}
body.theme-classic .right-panel-wrapper .panel-heading,
body.theme-classic .right-panel-wrapper .right-title,
body.theme-classic .right-box-title,
body.theme-classic .sidebar-title,
body.theme-classic .sidebar .box-title{
    background:linear-gradient(135deg,#008e8a,#0aa39b)!important;
    color:#fff!important;
    border-bottom:3px solid #f7c948!important;
    min-height:41px!important;
    padding:10px 14px!important;
    font-size:15px!important;
}

body.theme-warm .right-panel-wrapper .panel,
body.theme-warm .right-panel-wrapper .panel-tid,
body.theme-warm .right-panel-wrapper .panel-right,
body.theme-warm .right-panel-wrapper .consultant-panel-v121,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132,
body.theme-warm .right-box,
body.theme-warm .sidebar-box,
body.theme-warm .sidebar .panel{
    border-radius:15px!important;
    border:1px solid rgba(176,111,42,.18)!important;
    background:linear-gradient(180deg,#fffaf3 0%,#fff4e2 100%)!important;
    box-shadow:0 10px 24px rgba(132,76,30,.085)!important;
    overflow:hidden!important;
}
body.theme-warm .right-panel-wrapper .panel-heading,
body.theme-warm .right-panel-wrapper .right-title,
body.theme-warm .right-box-title,
body.theme-warm .sidebar-title,
body.theme-warm .sidebar .box-title{
    background:linear-gradient(135deg,#8a4a24,#c47a35)!important;
    color:#fff!important;
    border-bottom:3px solid #f0b35a!important;
    min-height:41px!important;
    padding:10px 14px!important;
    font-size:15px!important;
}

body.theme-sales .right-panel-wrapper .panel,
body.theme-sales .right-panel-wrapper .panel-tid,
body.theme-sales .right-panel-wrapper .panel-right,
body.theme-sales .right-panel-wrapper .consultant-panel-v121,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132,
body.theme-sales .right-box,
body.theme-sales .sidebar-box,
body.theme-sales .sidebar .panel{
    border-radius:13px!important;
    border:1px solid rgba(239,91,36,.18)!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(239,91,36,.10)!important;
    overflow:hidden!important;
}
body.theme-sales .right-panel-wrapper .panel-heading,
body.theme-sales .right-panel-wrapper .right-title,
body.theme-sales .right-box-title,
body.theme-sales .sidebar-title,
body.theme-sales .sidebar .box-title{
    background:linear-gradient(135deg,#ef5b24,#ff8a3d)!important;
    color:#fff!important;
    border-bottom:3px solid #ffd166!important;
    min-height:42px!important;
    padding:11px 14px!important;
    font-size:15px!important;
}
body.theme-sales .right-panel-wrapper .consultant-panel-v121,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132{
    border-width:2px!important;
    box-shadow:0 14px 34px rgba(239,91,36,.16)!important;
}
body.theme-sales .consultant-btn-zalo-v121,
body.theme-sales .consultant-price-v121,
body.theme-sales .quick-docs-panel-v132 a{
    font-weight:700!important;
}

body.theme-review .right-panel-wrapper .panel,
body.theme-review .right-panel-wrapper .panel-tid,
body.theme-review .right-panel-wrapper .panel-right,
body.theme-review .right-panel-wrapper .consultant-panel-v121,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review .right-box,
body.theme-review .sidebar-box,
body.theme-review .sidebar .panel,
body.theme-corporate .right-panel-wrapper .panel,
body.theme-corporate .right-panel-wrapper .panel-tid,
body.theme-corporate .right-panel-wrapper .panel-right,
body.theme-corporate .right-panel-wrapper .consultant-panel-v121,
body.theme-corporate .right-panel-wrapper .quick-docs-panel-v132,
body.theme-corporate .right-box,
body.theme-corporate .sidebar-box,
body.theme-corporate .sidebar .panel,
body.theme-review-pro .right-panel-wrapper .panel,
body.theme-review-pro .right-panel-wrapper .panel-tid,
body.theme-review-pro .right-panel-wrapper .panel-right,
body.theme-review-pro .right-panel-wrapper .consultant-panel-v121,
body.theme-review-pro .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review-pro .right-box,
body.theme-review-pro .sidebar-box,
body.theme-review-pro .sidebar .panel{
    border-radius:10px!important;
    border:1px solid rgba(15,34,60,.14)!important;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
    box-shadow:0 10px 26px rgba(15,34,60,.08)!important;
    overflow:hidden!important;
}
body.theme-review .right-panel-wrapper .panel-heading,
body.theme-review .right-panel-wrapper .right-title,
body.theme-review .right-box-title,
body.theme-review .sidebar-title,
body.theme-review .sidebar .box-title,
body.theme-corporate .right-panel-wrapper .panel-heading,
body.theme-corporate .right-panel-wrapper .right-title,
body.theme-corporate .right-box-title,
body.theme-corporate .sidebar-title,
body.theme-corporate .sidebar .box-title,
body.theme-review-pro .right-panel-wrapper .panel-heading,
body.theme-review-pro .right-panel-wrapper .right-title,
body.theme-review-pro .right-box-title,
body.theme-review-pro .sidebar-title,
body.theme-review-pro .sidebar .box-title{
    background:linear-gradient(135deg,#0f223c,#173e68)!important;
    color:#fff!important;
    border-bottom:3px solid #d6b466!important;
    min-height:41px!important;
    padding:10px 14px!important;
    font-size:15px!important;
}

body.theme-luxury .right-panel-wrapper .panel-body,
body.theme-urban .right-panel-wrapper .panel-body,
body.theme-eco .right-panel-wrapper .panel-body,
body.theme-warm .right-panel-wrapper .panel-body,
body.theme-sales .right-panel-wrapper .panel-body,
body.theme-classic .right-panel-wrapper .panel-body,
body.theme-review .right-panel-wrapper .panel-body,
body.theme-corporate .right-panel-wrapper .panel-body,
body.theme-review-pro .right-panel-wrapper .panel-body{
    padding:13px 14px!important;
}
body.theme-luxury .right-panel-wrapper a,
body.theme-urban .right-panel-wrapper a,
body.theme-eco .right-panel-wrapper a,
body.theme-warm .right-panel-wrapper a,
body.theme-sales .right-panel-wrapper a,
body.theme-classic .right-panel-wrapper a,
body.theme-review .right-panel-wrapper a,
body.theme-corporate .right-panel-wrapper a,
body.theme-review-pro .right-panel-wrapper a{
    text-decoration:none!important;
}
body.theme-luxury .right-panel-wrapper .panel-heading .div-tblock,
body.theme-urban .right-panel-wrapper .panel-heading .div-tblock,
body.theme-eco .right-panel-wrapper .panel-heading .div-tblock,
body.theme-warm .right-panel-wrapper .panel-heading .div-tblock,
body.theme-sales .right-panel-wrapper .panel-heading .div-tblock,
body.theme-classic .right-panel-wrapper .panel-heading .div-tblock,
body.theme-review .right-panel-wrapper .panel-heading .div-tblock,
body.theme-corporate .right-panel-wrapper .panel-heading .div-tblock,
body.theme-review-pro .right-panel-wrapper .panel-heading .div-tblock{
    font-size:15px!important;
    line-height:1.25!important;
    color:#fff!important;
}

@media (max-width: 767px){
    body.theme-luxury .right-panel-wrapper .panel,
    body.theme-urban .right-panel-wrapper .panel,
    body.theme-eco .right-panel-wrapper .panel,
    body.theme-warm .right-panel-wrapper .panel,
    body.theme-sales .right-panel-wrapper .panel,
    body.theme-classic .right-panel-wrapper .panel,
    body.theme-review .right-panel-wrapper .panel,
    body.theme-corporate .right-panel-wrapper .panel,
    body.theme-review-pro .right-panel-wrapper .panel,
    body.theme-luxury .right-panel-wrapper .panel-tid,
    body.theme-urban .right-panel-wrapper .panel-tid,
    body.theme-eco .right-panel-wrapper .panel-tid,
    body.theme-warm .right-panel-wrapper .panel-tid,
    body.theme-sales .right-panel-wrapper .panel-tid,
    body.theme-classic .right-panel-wrapper .panel-tid,
    body.theme-review .right-panel-wrapper .panel-tid,
    body.theme-corporate .right-panel-wrapper .panel-tid,
    body.theme-review-pro .right-panel-wrapper .panel-tid,
    body.theme-luxury .right-panel-wrapper .consultant-panel-v121,
    body.theme-urban .right-panel-wrapper .consultant-panel-v121,
    body.theme-eco .right-panel-wrapper .consultant-panel-v121,
    body.theme-warm .right-panel-wrapper .consultant-panel-v121,
    body.theme-sales .right-panel-wrapper .consultant-panel-v121,
    body.theme-classic .right-panel-wrapper .consultant-panel-v121,
    body.theme-review .right-panel-wrapper .consultant-panel-v121,
    body.theme-corporate .right-panel-wrapper .consultant-panel-v121,
    body.theme-review-pro .right-panel-wrapper .consultant-panel-v121,
    body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-urban .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-eco .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-warm .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-sales .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-classic .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-review .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-corporate .right-panel-wrapper .quick-docs-panel-v132,
    body.theme-review-pro .right-panel-wrapper .quick-docs-panel-v132{
        border-radius:12px!important;
        margin-bottom:12px!important;
    }
    body.theme-luxury .right-panel-wrapper .panel-heading,
    body.theme-urban .right-panel-wrapper .panel-heading,
    body.theme-eco .right-panel-wrapper .panel-heading,
    body.theme-warm .right-panel-wrapper .panel-heading,
    body.theme-sales .right-panel-wrapper .panel-heading,
    body.theme-classic .right-panel-wrapper .panel-heading,
    body.theme-review .right-panel-wrapper .panel-heading,
    body.theme-corporate .right-panel-wrapper .panel-heading,
    body.theme-review-pro .right-panel-wrapper .panel-heading{
        min-height:38px!important;
        padding:9px 12px!important;
        font-size:14px!important;
    }
}

/* =========================================================
   PATCH: Thu gọn sidebar phải theo skin - title bar nhỏ hơn
   Áp dụng cho: Thông tin dự án / Tư vấn dự án / Tài liệu nhanh / Dự án khác
   ========================================================= */
body.theme-luxury .right-panel-wrapper .panel,
body.theme-urban .right-panel-wrapper .panel,
body.theme-eco .right-panel-wrapper .panel,
body.theme-warm .right-panel-wrapper .panel,
body.theme-sales .right-panel-wrapper .panel,
body.theme-classic .right-panel-wrapper .panel,
body.theme-review .right-panel-wrapper .panel,
body.theme-corporate .right-panel-wrapper .panel,
body.theme-review-pro .right-panel-wrapper .panel,
body.theme-luxury .right-panel-wrapper .panel-tid,
body.theme-urban .right-panel-wrapper .panel-tid,
body.theme-eco .right-panel-wrapper .panel-tid,
body.theme-warm .right-panel-wrapper .panel-tid,
body.theme-sales .right-panel-wrapper .panel-tid,
body.theme-classic .right-panel-wrapper .panel-tid,
body.theme-review .right-panel-wrapper .panel-tid,
body.theme-corporate .right-panel-wrapper .panel-tid,
body.theme-review-pro .right-panel-wrapper .panel-tid,
body.theme-luxury .right-panel-wrapper .consultant-panel-v121,
body.theme-urban .right-panel-wrapper .consultant-panel-v121,
body.theme-eco .right-panel-wrapper .consultant-panel-v121,
body.theme-warm .right-panel-wrapper .consultant-panel-v121,
body.theme-sales .right-panel-wrapper .consultant-panel-v121,
body.theme-classic .right-panel-wrapper .consultant-panel-v121,
body.theme-review .right-panel-wrapper .consultant-panel-v121,
body.theme-corporate .right-panel-wrapper .consultant-panel-v121,
body.theme-review-pro .right-panel-wrapper .consultant-panel-v121,
body.theme-luxury .right-panel-wrapper .quick-docs-panel-v132,
body.theme-urban .right-panel-wrapper .quick-docs-panel-v132,
body.theme-eco .right-panel-wrapper .quick-docs-panel-v132,
body.theme-warm .right-panel-wrapper .quick-docs-panel-v132,
body.theme-sales .right-panel-wrapper .quick-docs-panel-v132,
body.theme-classic .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review .right-panel-wrapper .quick-docs-panel-v132,
body.theme-corporate .right-panel-wrapper .quick-docs-panel-v132,
body.theme-review-pro .right-panel-wrapper .quick-docs-panel-v132,
body.theme-luxury .sidebar-box,
body.theme-urban .sidebar-box,
body.theme-eco .sidebar-box,
body.theme-warm .sidebar-box,
body.theme-sales .sidebar-box,
body.theme-classic .sidebar-box,
body.theme-review .sidebar-box,
body.theme-corporate .sidebar-box,
body.theme-review-pro .sidebar-box{
    border-radius:12px!important;
    margin-bottom:18px!important;
}

body.theme-luxury .right-panel-wrapper .panel-heading,
body.theme-urban .right-panel-wrapper .panel-heading,
body.theme-eco .right-panel-wrapper .panel-heading,
body.theme-warm .right-panel-wrapper .panel-heading,
body.theme-sales .right-panel-wrapper .panel-heading,
body.theme-classic .right-panel-wrapper .panel-heading,
body.theme-review .right-panel-wrapper .panel-heading,
body.theme-corporate .right-panel-wrapper .panel-heading,
body.theme-review-pro .right-panel-wrapper .panel-heading,
body.theme-luxury .right-panel-wrapper .right-title,
body.theme-urban .right-panel-wrapper .right-title,
body.theme-eco .right-panel-wrapper .right-title,
body.theme-warm .right-panel-wrapper .right-title,
body.theme-sales .right-panel-wrapper .right-title,
body.theme-classic .right-panel-wrapper .right-title,
body.theme-review .right-panel-wrapper .right-title,
body.theme-corporate .right-panel-wrapper .right-title,
body.theme-review-pro .right-panel-wrapper .right-title,
body.theme-luxury .right-box-title,
body.theme-urban .right-box-title,
body.theme-eco .right-box-title,
body.theme-warm .right-box-title,
body.theme-sales .right-box-title,
body.theme-classic .right-box-title,
body.theme-review .right-box-title,
body.theme-corporate .right-box-title,
body.theme-review-pro .right-box-title,
body.theme-luxury .sidebar-title,
body.theme-urban .sidebar-title,
body.theme-eco .sidebar-title,
body.theme-warm .sidebar-title,
body.theme-sales .sidebar-title,
body.theme-classic .sidebar-title,
body.theme-review .sidebar-title,
body.theme-corporate .sidebar-title,
body.theme-review-pro .sidebar-title,
body.theme-luxury .sidebar .box-title,
body.theme-urban .sidebar .box-title,
body.theme-eco .sidebar .box-title,
body.theme-warm .sidebar .box-title,
body.theme-sales .sidebar .box-title,
body.theme-classic .sidebar .box-title,
body.theme-review .sidebar .box-title,
body.theme-corporate .sidebar .box-title,
body.theme-review-pro .sidebar .box-title{
    min-height:34px!important;
    padding:7px 12px!important;
    font-size:13px!important;
    line-height:1.2!important;
    letter-spacing:.4px!important;
    border-bottom-width:2px!important;
}

body.theme-luxury .right-panel-wrapper .panel-heading .div-tblock,
body.theme-urban .right-panel-wrapper .panel-heading .div-tblock,
body.theme-eco .right-panel-wrapper .panel-heading .div-tblock,
body.theme-warm .right-panel-wrapper .panel-heading .div-tblock,
body.theme-sales .right-panel-wrapper .panel-heading .div-tblock,
body.theme-classic .right-panel-wrapper .panel-heading .div-tblock,
body.theme-review .right-panel-wrapper .panel-heading .div-tblock,
body.theme-corporate .right-panel-wrapper .panel-heading .div-tblock,
body.theme-review-pro .right-panel-wrapper .panel-heading .div-tblock,
body.theme-luxury .right-box-title .div-tblock,
body.theme-urban .right-box-title .div-tblock,
body.theme-eco .right-box-title .div-tblock,
body.theme-warm .right-box-title .div-tblock,
body.theme-sales .right-box-title .div-tblock,
body.theme-classic .right-box-title .div-tblock,
body.theme-review .right-box-title .div-tblock,
body.theme-corporate .right-box-title .div-tblock,
body.theme-review-pro .right-box-title .div-tblock{
    font-size:13px!important;
    line-height:1.2!important;
    letter-spacing:.5px!important;
}

body.theme-luxury .right-panel-wrapper .panel-body,
body.theme-urban .right-panel-wrapper .panel-body,
body.theme-eco .right-panel-wrapper .panel-body,
body.theme-warm .right-panel-wrapper .panel-body,
body.theme-sales .right-panel-wrapper .panel-body,
body.theme-classic .right-panel-wrapper .panel-body,
body.theme-review .right-panel-wrapper .panel-body,
body.theme-corporate .right-panel-wrapper .panel-body,
body.theme-review-pro .right-panel-wrapper .panel-body{
    padding:10px 12px!important;
}

/* Thu gọn các dòng link trong khối Thông tin dự án / Tài liệu nhanh */
body.theme-luxury .right-panel-wrapper li,
body.theme-urban .right-panel-wrapper li,
body.theme-eco .right-panel-wrapper li,
body.theme-warm .right-panel-wrapper li,
body.theme-sales .right-panel-wrapper li,
body.theme-classic .right-panel-wrapper li,
body.theme-review .right-panel-wrapper li,
body.theme-corporate .right-panel-wrapper li,
body.theme-review-pro .right-panel-wrapper li,
body.theme-luxury .right-panel-wrapper .quick-doc-item,
body.theme-urban .right-panel-wrapper .quick-doc-item,
body.theme-eco .right-panel-wrapper .quick-doc-item,
body.theme-warm .right-panel-wrapper .quick-doc-item,
body.theme-sales .right-panel-wrapper .quick-doc-item,
body.theme-classic .right-panel-wrapper .quick-doc-item,
body.theme-review .right-panel-wrapper .quick-doc-item,
body.theme-corporate .right-panel-wrapper .quick-doc-item,
body.theme-review-pro .right-panel-wrapper .quick-doc-item,
body.theme-luxury .quick-docs-panel-v132 a,
body.theme-urban .quick-docs-panel-v132 a,
body.theme-eco .quick-docs-panel-v132 a,
body.theme-warm .quick-docs-panel-v132 a,
body.theme-sales .quick-docs-panel-v132 a,
body.theme-classic .quick-docs-panel-v132 a,
body.theme-review .quick-docs-panel-v132 a,
body.theme-corporate .quick-docs-panel-v132 a,
body.theme-review-pro .quick-docs-panel-v132 a{
    padding-top:9px!important;
    padding-bottom:9px!important;
    line-height:1.35!important;
    font-size:14px!important;
}

/* Khối tư vấn gọn hơn */
body.theme-luxury .consultant-panel-v121,
body.theme-urban .consultant-panel-v121,
body.theme-eco .consultant-panel-v121,
body.theme-warm .consultant-panel-v121,
body.theme-sales .consultant-panel-v121,
body.theme-classic .consultant-panel-v121,
body.theme-review .consultant-panel-v121,
body.theme-corporate .consultant-panel-v121,
body.theme-review-pro .consultant-panel-v121{
    padding-bottom:12px!important;
}
body.theme-luxury .consultant-panel-v121 .consultant-name-v121,
body.theme-urban .consultant-panel-v121 .consultant-name-v121,
body.theme-eco .consultant-panel-v121 .consultant-name-v121,
body.theme-warm .consultant-panel-v121 .consultant-name-v121,
body.theme-sales .consultant-panel-v121 .consultant-name-v121,
body.theme-classic .consultant-panel-v121 .consultant-name-v121,
body.theme-review .consultant-panel-v121 .consultant-name-v121,
body.theme-corporate .consultant-panel-v121 .consultant-name-v121,
body.theme-review-pro .consultant-panel-v121 .consultant-name-v121{
    font-size:16px!important;
    line-height:1.25!important;
}
body.theme-luxury .consultant-panel-v121 .consultant-btn-v121,
body.theme-urban .consultant-panel-v121 .consultant-btn-v121,
body.theme-eco .consultant-panel-v121 .consultant-btn-v121,
body.theme-warm .consultant-panel-v121 .consultant-btn-v121,
body.theme-sales .consultant-panel-v121 .consultant-btn-v121,
body.theme-classic .consultant-panel-v121 .consultant-btn-v121,
body.theme-review .consultant-panel-v121 .consultant-btn-v121,
body.theme-corporate .consultant-panel-v121 .consultant-btn-v121,
body.theme-review-pro .consultant-panel-v121 .consultant-btn-v121,
body.theme-luxury .consultant-panel-v121 .consultant-price-v121,
body.theme-urban .consultant-panel-v121 .consultant-price-v121,
body.theme-eco .consultant-panel-v121 .consultant-price-v121,
body.theme-warm .consultant-panel-v121 .consultant-price-v121,
body.theme-sales .consultant-panel-v121 .consultant-price-v121,
body.theme-classic .consultant-panel-v121 .consultant-price-v121,
body.theme-review .consultant-panel-v121 .consultant-price-v121,
body.theme-corporate .consultant-panel-v121 .consultant-price-v121,
body.theme-review-pro .consultant-panel-v121 .consultant-price-v121{
    min-height:34px!important;
    padding:8px 12px!important;
    font-size:13px!important;
}

@media (max-width: 767px){
    body.theme-luxury .right-panel-wrapper .panel-heading,
    body.theme-urban .right-panel-wrapper .panel-heading,
    body.theme-eco .right-panel-wrapper .panel-heading,
    body.theme-warm .right-panel-wrapper .panel-heading,
    body.theme-sales .right-panel-wrapper .panel-heading,
    body.theme-classic .right-panel-wrapper .panel-heading,
    body.theme-review .right-panel-wrapper .panel-heading,
    body.theme-corporate .right-panel-wrapper .panel-heading,
    body.theme-review-pro .right-panel-wrapper .panel-heading,
    body.theme-luxury .right-box-title,
    body.theme-urban .right-box-title,
    body.theme-eco .right-box-title,
    body.theme-warm .right-box-title,
    body.theme-sales .right-box-title,
    body.theme-classic .right-box-title,
    body.theme-review .right-box-title,
    body.theme-corporate .right-box-title,
    body.theme-review-pro .right-box-title,
    body.theme-luxury .sidebar-title,
    body.theme-urban .sidebar-title,
    body.theme-eco .sidebar-title,
    body.theme-warm .sidebar-title,
    body.theme-sales .sidebar-title,
    body.theme-classic .sidebar-title,
    body.theme-review .sidebar-title,
    body.theme-corporate .sidebar-title,
    body.theme-review-pro .sidebar-title{
        min-height:32px!important;
        padding:7px 10px!important;
        font-size:12.5px!important;
        border-bottom-width:2px!important;
    }
    body.theme-luxury .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-urban .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-eco .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-warm .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-sales .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-classic .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-review .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-corporate .right-panel-wrapper .panel-heading .div-tblock,
    body.theme-review-pro .right-panel-wrapper .panel-heading .div-tblock{
        font-size:12.5px!important;
    }
}


/* =========================================================
   PATCH: Thu gọn sidebar phải hơn nữa cho toàn bộ skin
   - Giảm chiều cao thanh tiêu đề
   - Giảm bo góc/padding để bớt thô
   - Thu gọn khoảng cách link trong sidebar
   ========================================================= */
body.theme-luxury .right-panel-wrapper .panel,
body.theme-urban .right-panel-wrapper .panel,
body.theme-eco .right-panel-wrapper .panel,
body.theme-warm .right-panel-wrapper .panel,
body.theme-sales .right-panel-wrapper .panel,
body.theme-classic .right-panel-wrapper .panel,
body.theme-review .right-panel-wrapper .panel,
body.theme-corporate .right-panel-wrapper .panel,
body.theme-review-pro .right-panel-wrapper .panel,
body.theme-luxury .right-panel-wrapper .sidebar-box,
body.theme-urban .right-panel-wrapper .sidebar-box,
body.theme-eco .right-panel-wrapper .sidebar-box,
body.theme-warm .right-panel-wrapper .sidebar-box,
body.theme-sales .right-panel-wrapper .sidebar-box,
body.theme-classic .right-panel-wrapper .sidebar-box,
body.theme-review .right-panel-wrapper .sidebar-box,
body.theme-corporate .right-panel-wrapper .sidebar-box,
body.theme-review-pro .right-panel-wrapper .sidebar-box,
body.theme-luxury aside .sidebar-box,
body.theme-urban aside .sidebar-box,
body.theme-eco aside .sidebar-box,
body.theme-warm aside .sidebar-box,
body.theme-sales aside .sidebar-box,
body.theme-classic aside .sidebar-box,
body.theme-review aside .sidebar-box,
body.theme-corporate aside .sidebar-box,
body.theme-review-pro aside .sidebar-box{
    border-radius:14px!important;
    overflow:hidden!important;
    margin-bottom:16px!important;
}

body.theme-luxury .right-panel-wrapper .panel-heading,
body.theme-urban .right-panel-wrapper .panel-heading,
body.theme-eco .right-panel-wrapper .panel-heading,
body.theme-warm .right-panel-wrapper .panel-heading,
body.theme-sales .right-panel-wrapper .panel-heading,
body.theme-classic .right-panel-wrapper .panel-heading,
body.theme-review .right-panel-wrapper .panel-heading,
body.theme-corporate .right-panel-wrapper .panel-heading,
body.theme-review-pro .right-panel-wrapper .panel-heading,
body.theme-luxury aside .panel-heading,
body.theme-urban aside .panel-heading,
body.theme-eco aside .panel-heading,
body.theme-warm aside .panel-heading,
body.theme-sales aside .panel-heading,
body.theme-classic aside .panel-heading,
body.theme-review aside .panel-heading,
body.theme-corporate aside .panel-heading,
body.theme-review-pro aside .panel-heading,
body.theme-luxury .right-panel-wrapper .right-title,
body.theme-urban .right-panel-wrapper .right-title,
body.theme-eco .right-panel-wrapper .right-title,
body.theme-warm .right-panel-wrapper .right-title,
body.theme-sales .right-panel-wrapper .right-title,
body.theme-classic .right-panel-wrapper .right-title,
body.theme-review .right-panel-wrapper .right-title,
body.theme-corporate .right-panel-wrapper .right-title,
body.theme-review-pro .right-panel-wrapper .right-title,
body.theme-luxury .right-panel-wrapper .right-box-title,
body.theme-urban .right-panel-wrapper .right-box-title,
body.theme-eco .right-panel-wrapper .right-box-title,
body.theme-warm .right-panel-wrapper .right-box-title,
body.theme-sales .right-panel-wrapper .right-box-title,
body.theme-classic .right-panel-wrapper .right-box-title,
body.theme-review .right-panel-wrapper .right-box-title,
body.theme-corporate .right-panel-wrapper .right-box-title,
body.theme-review-pro .right-panel-wrapper .right-box-title,
body.theme-luxury .right-panel-wrapper .sidebar-title,
body.theme-urban .right-panel-wrapper .sidebar-title,
body.theme-eco .right-panel-wrapper .sidebar-title,
body.theme-warm .right-panel-wrapper .sidebar-title,
body.theme-sales .right-panel-wrapper .sidebar-title,
body.theme-classic .right-panel-wrapper .sidebar-title,
body.theme-review .right-panel-wrapper .sidebar-title,
body.theme-corporate .right-panel-wrapper .sidebar-title,
body.theme-review-pro .right-panel-wrapper .sidebar-title{
    min-height:0!important;
    height:auto!important;
    padding:8px 12px!important;
    font-size:13px!important;
    line-height:1.18!important;
    letter-spacing:.25px!important;
    border-bottom-width:2px!important;
    border-radius:14px 14px 0 0!important;
}

body.theme-luxury .right-panel-wrapper .panel-heading *,
body.theme-urban .right-panel-wrapper .panel-heading *,
body.theme-eco .right-panel-wrapper .panel-heading *,
body.theme-warm .right-panel-wrapper .panel-heading *,
body.theme-sales .right-panel-wrapper .panel-heading *,
body.theme-classic .right-panel-wrapper .panel-heading *,
body.theme-review .right-panel-wrapper .panel-heading *,
body.theme-corporate .right-panel-wrapper .panel-heading *,
body.theme-review-pro .right-panel-wrapper .panel-heading *,
body.theme-luxury aside .panel-heading *,
body.theme-urban aside .panel-heading *,
body.theme-eco aside .panel-heading *,
body.theme-warm aside .panel-heading *,
body.theme-sales aside .panel-heading *,
body.theme-classic aside .panel-heading *,
body.theme-review aside .panel-heading *,
body.theme-corporate aside .panel-heading *,
body.theme-review-pro aside .panel-heading *{
    font-size:13px!important;
    line-height:1.18!important;
    letter-spacing:.3px!important;
}

body.theme-luxury .right-panel-wrapper .panel-heading .div-tblock,
body.theme-urban .right-panel-wrapper .panel-heading .div-tblock,
body.theme-eco .right-panel-wrapper .panel-heading .div-tblock,
body.theme-warm .right-panel-wrapper .panel-heading .div-tblock,
body.theme-sales .right-panel-wrapper .panel-heading .div-tblock,
body.theme-classic .right-panel-wrapper .panel-heading .div-tblock,
body.theme-review .right-panel-wrapper .panel-heading .div-tblock,
body.theme-corporate .right-panel-wrapper .panel-heading .div-tblock,
body.theme-review-pro .right-panel-wrapper .panel-heading .div-tblock{
    padding:0!important;
    margin:0!important;
}

body.theme-luxury .right-panel-wrapper .panel-heading:after,
body.theme-urban .right-panel-wrapper .panel-heading:after,
body.theme-eco .right-panel-wrapper .panel-heading:after,
body.theme-warm .right-panel-wrapper .panel-heading:after,
body.theme-sales .right-panel-wrapper .panel-heading:after,
body.theme-classic .right-panel-wrapper .panel-heading:after,
body.theme-review .right-panel-wrapper .panel-heading:after,
body.theme-corporate .right-panel-wrapper .panel-heading:after,
body.theme-review-pro .right-panel-wrapper .panel-heading:after{
    height:2px!important;
    bottom:0!important;
}

body.theme-luxury .right-panel-wrapper .panel-body,
body.theme-urban .right-panel-wrapper .panel-body,
body.theme-eco .right-panel-wrapper .panel-body,
body.theme-warm .right-panel-wrapper .panel-body,
body.theme-sales .right-panel-wrapper .panel-body,
body.theme-classic .right-panel-wrapper .panel-body,
body.theme-review .right-panel-wrapper .panel-body,
body.theme-corporate .right-panel-wrapper .panel-body,
body.theme-review-pro .right-panel-wrapper .panel-body,
body.theme-luxury aside .panel-body,
body.theme-urban aside .panel-body,
body.theme-eco aside .panel-body,
body.theme-warm aside .panel-body,
body.theme-sales aside .panel-body,
body.theme-classic aside .panel-body,
body.theme-review aside .panel-body,
body.theme-corporate aside .panel-body,
body.theme-review-pro aside .panel-body{
    padding:10px 12px!important;
}

body.theme-luxury .right-panel-wrapper li,
body.theme-urban .right-panel-wrapper li,
body.theme-eco .right-panel-wrapper li,
body.theme-warm .right-panel-wrapper li,
body.theme-sales .right-panel-wrapper li,
body.theme-classic .right-panel-wrapper li,
body.theme-review .right-panel-wrapper li,
body.theme-corporate .right-panel-wrapper li,
body.theme-review-pro .right-panel-wrapper li,
body.theme-luxury .right-panel-wrapper li a,
body.theme-urban .right-panel-wrapper li a,
body.theme-eco .right-panel-wrapper li a,
body.theme-warm .right-panel-wrapper li a,
body.theme-sales .right-panel-wrapper li a,
body.theme-classic .right-panel-wrapper li a,
body.theme-review .right-panel-wrapper li a,
body.theme-corporate .right-panel-wrapper li a,
body.theme-review-pro .right-panel-wrapper li a,
body.theme-luxury .right-panel-wrapper .quick-doc-link-v132,
body.theme-urban .right-panel-wrapper .quick-doc-link-v132,
body.theme-eco .right-panel-wrapper .quick-doc-link-v132,
body.theme-warm .right-panel-wrapper .quick-doc-link-v132,
body.theme-sales .right-panel-wrapper .quick-doc-link-v132,
body.theme-classic .right-panel-wrapper .quick-doc-link-v132,
body.theme-review .right-panel-wrapper .quick-doc-link-v132,
body.theme-corporate .right-panel-wrapper .quick-doc-link-v132,
body.theme-review-pro .right-panel-wrapper .quick-doc-link-v132{
    padding-top:7px!important;
    padding-bottom:7px!important;
    min-height:0!important;
    line-height:1.28!important;
    font-size:13px!important;
}

body.theme-luxury .right-panel-wrapper .consultant-panel-v121,
body.theme-urban .right-panel-wrapper .consultant-panel-v121,
body.theme-eco .right-panel-wrapper .consultant-panel-v121,
body.theme-warm .right-panel-wrapper .consultant-panel-v121,
body.theme-sales .right-panel-wrapper .consultant-panel-v121,
body.theme-classic .right-panel-wrapper .consultant-panel-v121,
body.theme-review .right-panel-wrapper .consultant-panel-v121,
body.theme-corporate .right-panel-wrapper .consultant-panel-v121,
body.theme-review-pro .right-panel-wrapper .consultant-panel-v121{
    border-radius:14px!important;
}
body.theme-luxury .right-panel-wrapper .consultant-card-v121,
body.theme-urban .right-panel-wrapper .consultant-card-v121,
body.theme-eco .right-panel-wrapper .consultant-card-v121,
body.theme-warm .right-panel-wrapper .consultant-card-v121,
body.theme-sales .right-panel-wrapper .consultant-card-v121,
body.theme-classic .right-panel-wrapper .consultant-card-v121,
body.theme-review .right-panel-wrapper .consultant-card-v121,
body.theme-corporate .right-panel-wrapper .consultant-card-v121,
body.theme-review-pro .right-panel-wrapper .consultant-card-v121{
    padding:12px!important;
    border-radius:14px!important;
}
body.theme-luxury .right-panel-wrapper .consultant-name-v121,
body.theme-urban .right-panel-wrapper .consultant-name-v121,
body.theme-eco .right-panel-wrapper .consultant-name-v121,
body.theme-warm .right-panel-wrapper .consultant-name-v121,
body.theme-sales .right-panel-wrapper .consultant-name-v121,
body.theme-classic .right-panel-wrapper .consultant-name-v121,
body.theme-review .right-panel-wrapper .consultant-name-v121,
body.theme-corporate .right-panel-wrapper .consultant-name-v121,
body.theme-review-pro .right-panel-wrapper .consultant-name-v121{
    font-size:15px!important;
    margin-top:6px!important;
    margin-bottom:2px!important;
}
body.theme-luxury .right-panel-wrapper .consultant-btn-v121,
body.theme-urban .right-panel-wrapper .consultant-btn-v121,
body.theme-eco .right-panel-wrapper .consultant-btn-v121,
body.theme-warm .right-panel-wrapper .consultant-btn-v121,
body.theme-sales .right-panel-wrapper .consultant-btn-v121,
body.theme-classic .right-panel-wrapper .consultant-btn-v121,
body.theme-review .right-panel-wrapper .consultant-btn-v121,
body.theme-corporate .right-panel-wrapper .consultant-btn-v121,
body.theme-review-pro .right-panel-wrapper .consultant-btn-v121,
body.theme-luxury .right-panel-wrapper .consultant-price-v121,
body.theme-urban .right-panel-wrapper .consultant-price-v121,
body.theme-eco .right-panel-wrapper .consultant-price-v121,
body.theme-warm .right-panel-wrapper .consultant-price-v121,
body.theme-sales .right-panel-wrapper .consultant-price-v121,
body.theme-classic .right-panel-wrapper .consultant-price-v121,
body.theme-review .right-panel-wrapper .consultant-price-v121,
body.theme-corporate .right-panel-wrapper .consultant-price-v121,
body.theme-review-pro .right-panel-wrapper .consultant-price-v121{
    min-height:30px!important;
    padding:7px 10px!important;
    font-size:12.5px!important;
    border-radius:10px!important;
}

@media (max-width: 767px){
    body[class*="theme-"] .right-panel-wrapper .panel-heading,
    body[class*="theme-"] aside .panel-heading,
    body[class*="theme-"] .right-panel-wrapper .right-title,
    body[class*="theme-"] .right-panel-wrapper .right-box-title,
    body[class*="theme-"] .right-panel-wrapper .sidebar-title{
        padding:7px 10px!important;
        font-size:12px!important;
        border-radius:12px 12px 0 0!important;
    }
    body[class*="theme-"] .right-panel-wrapper .panel-heading *,
    body[class*="theme-"] aside .panel-heading *{
        font-size:12px!important;
    }
    body[class*="theme-"] .right-panel-wrapper li,
    body[class*="theme-"] .right-panel-wrapper li a,
    body[class*="theme-"] .right-panel-wrapper .quick-doc-link-v132{
        padding-top:7px!important;
        padding-bottom:7px!important;
        font-size:12.5px!important;
    }
}

/* V4: Thu gọn thật sự thanh tiêu đề sidebar phải và căn giữa chữ */
body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right,
body[class*="theme-"] aside .panel-tid.panel-right,
body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121,
body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132{
    border-radius:16px!important;
    overflow:hidden!important;
}

body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-heading,
body[class*="theme-"] aside .panel-tid.panel-right > .panel-heading,
body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121 > .panel-heading,
body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132 > .panel-heading{
    min-height:0!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:16px 16px 0 0!important;
    border-bottom-width:2px!important;
}

body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-heading .div-tblock,
body[class*="theme-"] aside .panel-tid.panel-right > .panel-heading .div-tblock,
body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121 > .panel-heading .div-tblock,
body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132 > .panel-heading .div-tblock{
    height:100%!important;
    min-height:0!important;
    padding:0 12px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    border-bottom:0!important;
}

body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-heading:after,
body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121 > .panel-heading:after,
body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132 > .panel-heading:after{
    height:0!important;
    display:none!important;
}

body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-body,
body[class*="theme-"] aside .panel-tid.panel-right > .panel-body{
    padding:12px 14px!important;
}

body[class*="theme-"] .right-panel-wrapper .right-list-news,
body[class*="theme-"] .right-panel-wrapper .right-list-news h6{
    margin:0!important;
    padding:0!important;
}

body[class*="theme-"] .right-panel-wrapper .right-list-news h6 a{
    min-height:0!important;
    padding:12px 6px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    font-size:13px!important;
    line-height:1.25!important;
}

body[class*="theme-"] .right-panel-wrapper .right-list-news h6 a span{
    font-size:13px!important;
    line-height:1.25!important;
}

body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121 .panel-body,
body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132 .panel-body{
    padding:12px!important;
}

body[class*="theme-"] .right-panel-wrapper .consultant-card-v121{
    padding:12px!important;
    border-radius:14px!important;
}

body[class*="theme-"] .right-panel-wrapper .consultant-photo-v121{
    width:128px!important;
    height:148px!important;
    margin-bottom:8px!important;
    border-radius:14px!important;
}

body[class*="theme-"] .right-panel-wrapper .quick-doc-link-v132{
    min-height:0!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
}

@media(max-width:767px){
    body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-heading,
    body[class*="theme-"] aside .panel-tid.panel-right > .panel-heading,
    body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121 > .panel-heading,
    body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132 > .panel-heading{
        height:38px!important;
        border-radius:14px 14px 0 0!important;
    }
    body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-heading .div-tblock,
    body[class*="theme-"] aside .panel-tid.panel-right > .panel-heading .div-tblock,
    body[class*="theme-"] .right-panel-wrapper .consultant-panel-v121 > .panel-heading .div-tblock,
    body[class*="theme-"] .right-panel-wrapper .quick-docs-panel-v132 > .panel-heading .div-tblock{
        font-size:13px!important;
        letter-spacing:.025em!important;
    }
    body[class*="theme-"] .right-panel-wrapper .panel-tid.panel-right > .panel-body,
    body[class*="theme-"] aside .panel-tid.panel-right > .panel-body{
        padding:10px 12px!important;
    }
    body[class*="theme-"] .right-panel-wrapper .right-list-news h6 a{
        padding:10px 4px!important;
        font-size:12.5px!important;
    }
}

/* =========================================================
   STEP 7 - Home content sections differ by skin
   Blocks: Mặt bằng, Tiện ích, Tiến độ, Video, Tin tức nổi bật
   ========================================================= */
body[class*="theme-"] .home-dyn-section,
body[class*="theme-"] .home-media-row .panel,
body[class*="theme-"] .home-video-panel,
body[class*="theme-"] .home-news-panel{
    border-color:var(--skin-border)!important;
    background:var(--skin-surface)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.065)!important;
}
body[class*="theme-"] .home-dyn-title{
    color:var(--skin-primary)!important;
    border-bottom-color:var(--skin-border)!important;
    letter-spacing:.04em!important;
}
body[class*="theme-"] .home-dyn-title:before,
body[class*="theme-"] .home-ground-group h3:before{
    background:linear-gradient(180deg,var(--skin-accent),var(--skin-primary-2))!important;
}
body[class*="theme-"] .home-dyn-intro,
body[class*="theme-"] .home-ground-desc,
body[class*="theme-"] .home-utility-text,
body[class*="theme-"] .home-image-slide figcaption{
    background:var(--skin-soft)!important;
    border-color:var(--skin-border)!important;
    color:var(--skin-text)!important;
}
body[class*="theme-"] .home-ground-section .home-dyn-body,
body[class*="theme-"] .home-utilities-section .home-dyn-body,
body[class*="theme-"] .home-utilities-slider,
body[class*="theme-"] .home-ground-group,
body[class*="theme-"] .home-image-slider{
    border-color:var(--skin-border)!important;
    background:var(--skin-surface)!important;
}
body[class*="theme-"] .home-ground-group h3,
body[class*="theme-"] .home-utility-text h3{
    color:var(--skin-primary)!important;
}
body[class*="theme-"] .home-slide-btn,
body[class*="theme-"] .home-image-open,
body[class*="theme-"] .home-img-open-link,
body[class*="theme-"] .home-ground-detail-tab.is-active{
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.16)!important;
}
body[class*="theme-"] .home-slide-dot.is-active,
body[class*="theme-"] .home-ground-type-tab.is-active:after{
    background:var(--skin-accent)!important;
}
body[class*="theme-"] .home-ground-type-tab,
body[class*="theme-"] .home-ground-detail-tab{
    color:var(--skin-primary)!important;
    border-color:var(--skin-border)!important;
    background:#fff!important;
}
body[class*="theme-"] .home-ground-type-tab.is-active{
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
    color:#fff!important;
    border-color:transparent!important;
}
body[class*="theme-"] .home-media-row .panel-heading,
body[class*="theme-"] .home-video-panel .panel-heading,
body[class*="theme-"] .home-news-panel .panel-heading{
    background:linear-gradient(135deg,var(--skin-primary),var(--skin-primary-2))!important;
    border-bottom:3px solid var(--skin-accent)!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
body[class*="theme-"] .home-media-row .panel-heading .div-tblock,
body[class*="theme-"] .home-video-panel .panel-heading .div-tblock,
body[class*="theme-"] .home-news-panel .panel-heading .div-tblock{
    color:#fff!important;
    font-size:16px!important;
    letter-spacing:.045em!important;
}
body[class*="theme-"] .home-list-news li a,
body[class*="theme-"] .home-list-news a{
    color:var(--skin-text)!important;
}
body[class*="theme-"] .home-list-news li:before,
body[class*="theme-"] .home-list-news a:before{
    color:var(--skin-primary)!important;
}

/* Luxury/Premium sáng: nhiều khoảng trắng, card mảnh và sang */
body.theme-luxury .home-dyn-section,
body.theme-luxury .home-media-row .panel{
    border-radius:18px!important;
    box-shadow:0 18px 44px rgba(23,52,86,.09)!important;
    background:#fffdf8!important;
}
body.theme-luxury .home-dyn-title{
    font-size:19px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
}
body.theme-luxury .home-ground-section .home-dyn-body,
body.theme-luxury .home-utilities-section .home-dyn-body,
body.theme-luxury .home-ground-group,
body.theme-luxury .home-utilities-slider{
    border-radius:14px!important;
    box-shadow:none!important;
}
body.theme-luxury .home-utility-card{gap:22px!important;}
body.theme-luxury .home-utility-text{background:#fffaf0!important;border-radius:12px!important;}

/* Urban: vuông, thẳng, gọn, hiện đại */
body.theme-urban .home-dyn-section,
body.theme-urban .home-media-row .panel{
    border-radius:10px!important;
    border-left:5px solid var(--skin-primary-2)!important;
    box-shadow:0 12px 24px rgba(10,63,115,.08)!important;
}
body.theme-urban .home-dyn-title{font-size:18px!important;letter-spacing:.03em!important;}
body.theme-urban .home-ground-section .home-dyn-body,
body.theme-urban .home-utilities-section .home-dyn-body,
body.theme-urban .home-ground-group,
body.theme-urban .home-utilities-slider,
body.theme-urban .home-image-slider,
body.theme-urban .home-utility-text{
    border-radius:10px!important;
}
body.theme-urban .home-ground-type-tab,
body.theme-urban .home-ground-detail-tab{border-radius:8px!important;}

/* Eco + Classic: ảnh lớn, khung mềm, xanh thân thiện */
body.theme-eco .home-dyn-section,
body.theme-classic .home-dyn-section,
body.theme-eco .home-media-row .panel,
body.theme-classic .home-media-row .panel{
    border-radius:24px!important;
    background:linear-gradient(180deg,#ffffff,#f5fffb)!important;
    box-shadow:0 18px 42px rgba(8,112,99,.10)!important;
}
body.theme-eco .home-dyn-title,
body.theme-classic .home-dyn-title{font-size:20px!important;}
body.theme-eco .home-ground-section .home-dyn-body,
body.theme-classic .home-ground-section .home-dyn-body,
body.theme-eco .home-utilities-section .home-dyn-body,
body.theme-classic .home-utilities-section .home-dyn-body,
body.theme-eco .home-ground-group,
body.theme-classic .home-ground-group,
body.theme-eco .home-utilities-slider,
body.theme-classic .home-utilities-slider{
    border-radius:22px!important;
    background:#fff!important;
}
body.theme-eco .home-utility-card .home-image-slide img,
body.theme-classic .home-utility-card .home-image-slide img{
    min-height:360px!important;
}
body.theme-eco .home-utility-text,
body.theme-classic .home-utility-text{
    border-radius:20px!important;
    background:linear-gradient(135deg,#f5fffb,#ffffff)!important;
}

/* Warm: be/cam đất, gần gũi an cư */
body.theme-warm .home-dyn-section,
body.theme-warm .home-media-row .panel{
    border-radius:22px!important;
    background:linear-gradient(180deg,#fffaf4,#ffffff)!important;
    border-color:#ead6bf!important;
    box-shadow:0 18px 44px rgba(125,66,31,.10)!important;
}
body.theme-warm .home-dyn-title{color:#7d421f!important;}
body.theme-warm .home-dyn-intro,
body.theme-warm .home-ground-desc,
body.theme-warm .home-utility-text{
    background:#fff6eb!important;
    border-color:#efd8bd!important;
}
body.theme-warm .home-ground-section .home-dyn-body,
body.theme-warm .home-utilities-section .home-dyn-body,
body.theme-warm .home-ground-group,
body.theme-warm .home-utilities-slider{
    border-color:#efd8bd!important;
    border-radius:18px!important;
}

/* Sales: section có CTA mạnh, nổi bật hơn nhưng vẫn gọn */
body.theme-sales .home-dyn-section,
body.theme-sales .home-media-row .panel{
    border-radius:18px!important;
    border:1px solid rgba(14,165,233,.22)!important;
    box-shadow:0 18px 42px rgba(5,79,125,.12)!important;
    position:relative!important;
    overflow:hidden!important;
}
body.theme-sales .home-dyn-section:before,
body.theme-sales .home-media-row .panel:before{
    content:''!important;
    position:absolute!important;
    left:0;top:0;bottom:0;width:5px!important;
    background:linear-gradient(180deg,var(--skin-accent),var(--skin-primary-2))!important;
    z-index:1!important;
}
body.theme-sales .home-dyn-title{font-size:19px!important;}
body.theme-sales .home-image-open,
body.theme-sales .home-img-open-link,
body.theme-sales .home-slide-btn{
    background:linear-gradient(135deg,#ff7a1a,#f97316)!important;
}
body.theme-sales .home-utility-text{
    background:linear-gradient(135deg,#f0fbff,#ffffff)!important;
    border-radius:16px!important;
}

/* Premium Navy/Corporate: mạnh, cao cấp */
body.theme-review .home-dyn-section,
body.theme-review .home-media-row .panel{
    border-radius:16px!important;
    border-color:rgba(197,164,92,.32)!important;
    background:#ffffff!important;
    box-shadow:0 16px 42px rgba(4,38,67,.10)!important;
}
body.theme-review .home-dyn-title{
    color:#08395f!important;
    font-size:18.5px!important;
    letter-spacing:.075em!important;
}
body.theme-review .home-dyn-title:before,
body.theme-review .home-ground-group h3:before{
    background:linear-gradient(180deg,#d6b46b,#08395f)!important;
}
body.theme-review .home-dyn-intro,
body.theme-review .home-ground-desc,
body.theme-review .home-utility-text{
    background:#f7fafc!important;
    border-color:#d7e2ec!important;
}
body.theme-review .home-media-row .panel-heading,
body.theme-review .home-video-panel .panel-heading,
body.theme-review .home-news-panel .panel-heading{
    background:linear-gradient(135deg,#08395f,#0f4d7a)!important;
    border-bottom-color:#d6b46b!important;
}

@media(max-width:767px){
    body[class*="theme-"] .home-dyn-section,
    body[class*="theme-"] .home-media-row .panel{
        border-radius:16px!important;
        margin:14px 0!important;
        box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    }
    body[class*="theme-"] .home-dyn-title{
        font-size:15px!important;
        line-height:1.25!important;
        letter-spacing:.03em!important;
        margin-bottom:8px!important;
        padding-bottom:7px!important;
    }
    body[class*="theme-"] .home-dyn-title:before{
        height:20px!important;
        width:4px!important;
    }
    body[class*="theme-"] .home-ground-section .home-dyn-body,
    body[class*="theme-"] .home-utilities-section .home-dyn-body,
    body[class*="theme-"] .home-ground-group,
    body[class*="theme-"] .home-utilities-slider{
        border-radius:14px!important;
        padding:9px!important;
    }
    body[class*="theme-"] .home-utility-text{
        padding:12px!important;
        font-size:13.5px!important;
        border-radius:13px!important;
    }
    body[class*="theme-"] .home-utility-text h3,
    body[class*="theme-"] .home-ground-group h3{
        font-size:14.5px!important;
    }
    body.theme-eco .home-utility-card .home-image-slide img,
    body.theme-classic .home-utility-card .home-image-slide img{
        min-height:0!important;
    }
    body.theme-urban .home-dyn-section,
    body.theme-urban .home-media-row .panel,
    body.theme-sales .home-dyn-section,
    body.theme-sales .home-media-row .panel{
        border-left-width:3px!important;
    }
}

/* =========================================================
   FIX - Classic skin: rõ tiêu đề Video dự án / Tin tức nổi bật
   ========================================================= */
body.theme-classic .home-media-row .panel-heading,
body.theme-classic .home-video-panel .panel-heading,
body.theme-classic .home-news-panel .panel-heading,
body.theme-classic .home-media-row .box-title,
body.theme-classic .home-video-panel .box-title,
body.theme-classic .home-news-panel .box-title,
body.theme-classic .home-media-row .right-box-title,
body.theme-classic .home-video-panel .right-box-title,
body.theme-classic .home-news-panel .right-box-title{
    background:linear-gradient(135deg,#0f8f92,#0b7376)!important;
    border-bottom:3px solid #e2b341!important;
    color:#fff!important;
    min-height:40px!important;
    height:auto!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}
body.theme-classic .home-media-row .panel-heading *,
body.theme-classic .home-video-panel .panel-heading *,
body.theme-classic .home-news-panel .panel-heading *,
body.theme-classic .home-media-row .box-title *,
body.theme-classic .home-video-panel .box-title *,
body.theme-classic .home-news-panel .box-title *,
body.theme-classic .home-media-row .right-box-title *,
body.theme-classic .home-video-panel .right-box-title *,
body.theme-classic .home-news-panel .right-box-title *{
    color:#fff!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}
body.theme-classic .home-media-row .panel-heading .div-tblock,
body.theme-classic .home-video-panel .panel-heading .div-tblock,
body.theme-classic .home-news-panel .panel-heading .div-tblock,
body.theme-classic .home-media-row .box-title .div-tblock,
body.theme-classic .home-video-panel .box-title .div-tblock,
body.theme-classic .home-news-panel .box-title .div-tblock{
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.045em!important;
    line-height:1.25!important;
    opacity:1!important;
}
body.theme-classic .home-media-row .panel,
body.theme-classic .home-video-panel,
body.theme-classic .home-news-panel{
    border-color:#b9dfe0!important;
    box-shadow:0 14px 34px rgba(5,96,99,.12)!important;
}
@media (max-width: 768px){
    body.theme-classic .home-media-row .panel-heading,
    body.theme-classic .home-video-panel .panel-heading,
    body.theme-classic .home-news-panel .panel-heading{
        min-height:36px!important;
        padding:7px 12px!important;
    }
    body.theme-classic .home-media-row .panel-heading .div-tblock,
    body.theme-classic .home-video-panel .panel-heading .div-tblock,
    body.theme-classic .home-news-panel .panel-heading .div-tblock{
        font-size:14px!important;
    }
}

/* =========================================================
   FIX V2 - Classic skin: tiêu đề section, tab, nút slide rõ màu
   Chỉ áp dụng cho skin Classic/mặc định mở rộng
   ========================================================= */
body.theme-classic .home-dyn-section .home-dyn-title,
body.theme-classic .home-ground-section > .home-dyn-title,
body.theme-classic .home-utilities-section > .home-dyn-title,
body.theme-classic .home-media-row .panel-heading,
body.theme-classic .home-video-panel .panel-heading,
body.theme-classic .home-news-panel .panel-heading,
body.theme-classic .home-media-row .box-title,
body.theme-classic .home-video-panel .box-title,
body.theme-classic .home-news-panel .box-title,
body.theme-classic .home-media-row .right-box-title,
body.theme-classic .home-video-panel .right-box-title,
body.theme-classic .home-news-panel .right-box-title{
    background:linear-gradient(135deg,#0b8f94,#087579)!important;
    color:#ffffff!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    border-bottom:3px solid #e2b341!important;
}
body.theme-classic .home-dyn-section .home-dyn-title *,
body.theme-classic .home-ground-section > .home-dyn-title *,
body.theme-classic .home-utilities-section > .home-dyn-title *,
body.theme-classic .home-media-row .panel-heading *,
body.theme-classic .home-video-panel .panel-heading *,
body.theme-classic .home-news-panel .panel-heading *,
body.theme-classic .home-media-row .box-title *,
body.theme-classic .home-video-panel .box-title *,
body.theme-classic .home-news-panel .box-title *,
body.theme-classic .home-media-row .right-box-title *,
body.theme-classic .home-video-panel .right-box-title *,
body.theme-classic .home-news-panel .right-box-title *{
    color:#ffffff!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}

/* Tab Mặt bằng / Phân khu - không để active trắng/mờ */
body.theme-classic .home-ground-tabs,
body.theme-classic .home-utility-tabs,
body.theme-classic .home-tab-wrap,
body.theme-classic .home-tabs,
body.theme-classic .ground-tabs,
body.theme-classic .utility-tabs{
    background:linear-gradient(135deg,#eefafb,#f8ffff)!important;
    border:1px solid #c9e9ea!important;
    border-radius:14px!important;
    box-shadow:none!important;
}
body.theme-classic .home-ground-tabs button,
body.theme-classic .home-utility-tabs button,
body.theme-classic .home-tab,
body.theme-classic .ground-tab,
body.theme-classic .utility-tab,
body.theme-classic .home-tabs button,
body.theme-classic .home-tab-wrap button{
    background:#ffffff!important;
    color:#075f64!important;
    border:1px solid #b7dedf!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    box-shadow:0 8px 18px rgba(5,96,99,.08)!important;
}
body.theme-classic .home-ground-tabs button.active,
body.theme-classic .home-utility-tabs button.active,
body.theme-classic .home-tab.active,
body.theme-classic .ground-tab.active,
body.theme-classic .utility-tab.active,
body.theme-classic .home-tabs button.active,
body.theme-classic .home-tab-wrap button.active,
body.theme-classic .home-ground-tabs button.is-active,
body.theme-classic .home-utility-tabs button.is-active{
    background:linear-gradient(135deg,#0b8f94,#087579)!important;
    color:#ffffff!important;
    border-color:#0b8f94!important;
    box-shadow:0 10px 22px rgba(5,96,99,.18)!important;
}
body.theme-classic .home-ground-tabs button.active *,
body.theme-classic .home-utility-tabs button.active *,
body.theme-classic .home-tab.active *,
body.theme-classic .ground-tab.active *,
body.theme-classic .utility-tab.active *,
body.theme-classic .home-tabs button.active *,
body.theme-classic .home-tab-wrap button.active *{
    color:#ffffff!important;
}

/* Nút nhóm/tòa bị trắng/mất chữ */
body.theme-classic .home-ground-group-nav button,
body.theme-classic .home-utility-group-nav button,
body.theme-classic .home-subtab,
body.theme-classic .ground-subtab,
body.theme-classic .utility-subtab{
    background:#0b8f94!important;
    color:#ffffff!important;
    border-color:#0b8f94!important;
    opacity:1!important;
    box-shadow:0 10px 22px rgba(5,96,99,.15)!important;
}
body.theme-classic .home-ground-group-nav button *,
body.theme-classic .home-utility-group-nav button *,
body.theme-classic .home-subtab *,
body.theme-classic .ground-subtab *,
body.theme-classic .utility-subtab *{color:#ffffff!important;}

/* Nút next/prev slide, dots, counter - không để trắng/mờ */
body.theme-classic .home-slide-btn,
body.theme-classic .home-gallery-prev,
body.theme-classic .home-gallery-next,
body.theme-classic .home-prev,
body.theme-classic .home-next,
body.theme-classic .swiper-button-prev,
body.theme-classic .swiper-button-next,
body.theme-classic .slick-prev,
body.theme-classic .slick-next,
body.theme-classic .owl-prev,
body.theme-classic .owl-next,
body.theme-classic .carousel-control-prev,
body.theme-classic .carousel-control-next,
body.theme-classic .home-image-open,
body.theme-classic .home-img-open-link,
body.theme-classic .home-open-file,
body.theme-classic .btn-open-file,
body.theme-classic .open-file-btn{
    background:linear-gradient(135deg,#0b8f94,#087579)!important;
    color:#ffffff!important;
    border:1px solid rgba(255,255,255,.75)!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    box-shadow:0 10px 24px rgba(5,96,99,.22)!important;
}
body.theme-classic .home-slide-btn *,
body.theme-classic .home-gallery-prev *,
body.theme-classic .home-gallery-next *,
body.theme-classic .home-prev *,
body.theme-classic .home-next *,
body.theme-classic .swiper-button-prev *,
body.theme-classic .swiper-button-next *,
body.theme-classic .slick-prev *,
body.theme-classic .slick-next *,
body.theme-classic .owl-prev *,
body.theme-classic .owl-next *,
body.theme-classic .carousel-control-prev *,
body.theme-classic .carousel-control-next *,
body.theme-classic .home-image-open *,
body.theme-classic .home-img-open-link *,
body.theme-classic .home-open-file *,
body.theme-classic .btn-open-file *,
body.theme-classic .open-file-btn *{
    color:#ffffff!important;
    opacity:1!important;
}
body.theme-classic .swiper-button-prev:after,
body.theme-classic .swiper-button-next:after,
body.theme-classic .slick-prev:before,
body.theme-classic .slick-next:before{
    color:#ffffff!important;
    opacity:1!important;
}
body.theme-classic .slick-dots li button:before,
body.theme-classic .swiper-pagination-bullet,
body.theme-classic .owl-dot span,
body.theme-classic .home-slide-dot{
    background:#b8d9dd!important;
    color:#0b8f94!important;
    opacity:1!important;
}
body.theme-classic .slick-dots li.slick-active button:before,
body.theme-classic .swiper-pagination-bullet-active,
body.theme-classic .owl-dot.active span,
body.theme-classic .home-slide-dot.active{
    background:#0b8f94!important;
    color:#ffffff!important;
    opacity:1!important;
}
body.theme-classic .home-slide-count,
body.theme-classic .slide-count,
body.theme-classic .image-counter{
    background:#ffffff!important;
    color:#0b8f94!important;
    border:1px solid #c9e9ea!important;
    opacity:1!important;
    box-shadow:0 8px 18px rgba(5,96,99,.10)!important;
}

/* Tiện ích / mặt bằng: bỏ lớp nền trắng mờ vô nghĩa nằm trong slide nếu có */
body.theme-classic .home-image-slide .home-image-open:empty,
body.theme-classic .home-image-slide .home-img-open-link:empty,
body.theme-classic .home-gallery-actions:empty,
body.theme-classic .home-slide-actions:empty{
    display:none!important;
}

@media(max-width:767px){
    body.theme-classic .home-ground-tabs,
    body.theme-classic .home-utility-tabs,
    body.theme-classic .home-tab-wrap,
    body.theme-classic .home-tabs{
        padding:6px!important;
        border-radius:12px!important;
    }
    body.theme-classic .home-ground-tabs button,
    body.theme-classic .home-utility-tabs button,
    body.theme-classic .home-tab,
    body.theme-classic .ground-tab,
    body.theme-classic .utility-tab,
    body.theme-classic .home-tabs button,
    body.theme-classic .home-tab-wrap button{
        font-size:13px!important;
        min-height:34px!important;
        padding:7px 11px!important;
        border-radius:10px!important;
    }
    body.theme-classic .home-slide-btn,
    body.theme-classic .home-gallery-prev,
    body.theme-classic .home-gallery-next,
    body.theme-classic .home-prev,
    body.theme-classic .home-next{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        border-radius:50%!important;
    }
}

/* =========================================================
   FINAL FIX - Classic: tiêu đề Video/Tin tức + tab/slide rõ màu
   Đặt cuối file để đè toàn bộ CSS cũ của layout/skin.
   ========================================================= */
body.theme-classic .panel-tid.home-video-panel,
body.theme-classic .panel-tid.home-news-panel{
  border:1px solid #b7dedf !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  box-shadow:0 16px 36px rgba(5,96,99,.10) !important;
}
body.theme-classic .panel-tid.home-video-panel > .panel-heading,
body.theme-classic .panel-tid.home-news-panel > .panel-heading,
body.theme-classic .home-media-row .panel-tid.home-video-panel > .panel-heading,
body.theme-classic .home-media-row .panel-tid.home-news-panel > .panel-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:3px solid #e2b341 !important;
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94 0%,#087579 100%) !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
}
body.theme-classic .panel-tid.home-video-panel > .panel-heading .div-tblock,
body.theme-classic .panel-tid.home-news-panel > .panel-heading .div-tblock,
body.theme-classic .home-media-row .panel-tid.home-video-panel > .panel-heading .div-tblock,
body.theme-classic .home-media-row .panel-tid.home-news-panel > .panel-heading .div-tblock{
  display:block !important;
  padding:0 12px !important;
  margin:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:38px !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}

/* Classic: tiêu đề chính các section không bị trắng/mờ */
body.theme-classic .home-dyn-title,
body.theme-classic .home-ground-section > .home-dyn-title,
body.theme-classic .home-utilities-section > .home-dyn-title{
  background:transparent !important;
  color:#075f64 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  border-bottom:1px solid #b7dedf !important;
}
body.theme-classic .home-dyn-title *,
body.theme-classic .home-ground-section > .home-dyn-title *,
body.theme-classic .home-utilities-section > .home-dyn-title *{
  color:inherit !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* Classic: tab Mặt bằng / Phân khu rõ màu, không còn trắng */
body.theme-classic .home-ground-type-tab,
body.theme-classic .home-ground-detail-tab,
body.theme-classic .home-ground-tabs button,
body.theme-classic .home-tabs button,
body.theme-classic .home-tab-wrap button{
  background:#ffffff !important;
  color:#075f64 !important;
  border:1px solid #b7dedf !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}
body.theme-classic .home-ground-type-tab.is-active,
body.theme-classic .home-ground-detail-tab.is-active,
body.theme-classic .home-ground-tabs button.active,
body.theme-classic .home-tabs button.active,
body.theme-classic .home-tab-wrap button.active{
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94,#087579) !important;
  color:#ffffff !important;
  border-color:#0b8f94 !important;
  opacity:1 !important;
}
body.theme-classic .home-ground-type-tab.is-active *,
body.theme-classic .home-ground-detail-tab.is-active *,
body.theme-classic .home-ground-tabs button.active *,
body.theme-classic .home-tabs button.active *,
body.theme-classic .home-tab-wrap button.active *{
  color:#ffffff !important;
}

/* Classic: nút next/prev slide, dot và counter rõ, không bị trắng */
body.theme-classic .home-image-slider .home-slide-btn,
body.theme-classic .home-utilities-slider > .home-slide-btn,
body.theme-classic button.home-slide-btn,
body.theme-classic .home-slide-prev,
body.theme-classic .home-slide-next,
body.theme-classic .home-utility-outer-prev,
body.theme-classic .home-utility-outer-next{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.8) !important;
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94,#087579) !important;
  color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:0 10px 22px rgba(5,96,99,.22) !important;
  font-size:22px !important;
  line-height:1 !important;
}
body.theme-classic .home-image-slider .home-slide-btn *,
body.theme-classic .home-utilities-slider > .home-slide-btn *,
body.theme-classic button.home-slide-btn *{
  color:#ffffff !important;
  opacity:1 !important;
}
body.theme-classic .home-slide-dot,
body.theme-classic button.home-slide-dot{
  background:#c8e4e5 !important;
  border:0 !important;
  opacity:1 !important;
  filter:none !important;
}
body.theme-classic .home-slide-dot.is-active,
body.theme-classic button.home-slide-dot.is-active{
  background:#0b8f94 !important;
  opacity:1 !important;
}
body.theme-classic .home-slide-count{
  background:#ffffff !important;
  color:#075f64 !important;
  border:1px solid #b7dedf !important;
  opacity:1 !important;
}

/* Classic: nút mở ảnh/PDF rõ hơn */
body.theme-classic .home-image-open{
  background:#0b8f94 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.8) !important;
  opacity:1 !important;
}

@media(max-width:767px){
  body.theme-classic .panel-tid.home-video-panel > .panel-heading,
  body.theme-classic .panel-tid.home-news-panel > .panel-heading{
    min-height:34px !important;
    height:34px !important;
  }
  body.theme-classic .panel-tid.home-video-panel > .panel-heading .div-tblock,
  body.theme-classic .panel-tid.home-news-panel > .panel-heading .div-tblock{
    font-size:13px !important;
    line-height:34px !important;
  }
  body.theme-classic .home-image-slider .home-slide-btn,
  body.theme-classic .home-utilities-slider > .home-slide-btn,
  body.theme-classic button.home-slide-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    font-size:18px !important;
  }
}

/* =========================================================
   STRONG FIX V3 - Classic/Default skin: section headings + tabs + slide buttons visible
   Dành riêng cho skin Classic giống mặc định và Mặc định hiện tại.
   ========================================================= */
body.theme-classic .home-media-row .panel.panel-slim-head,
body.theme-default .home-media-row .panel.panel-slim-head,
body.theme-classic .home-media-row .panel-tid,
body.theme-default .home-media-row .panel-tid{
  border:1px solid #b9e4e7 !important;
  border-bottom:4px solid #0b8f94 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 16px 34px rgba(5,96,99,.10) !important;
}

body.theme-classic .home-media-row .panel.panel-slim-head > .panel-heading,
body.theme-default .home-media-row .panel.panel-slim-head > .panel-heading,
body.theme-classic .home-video-panel.panel-slim-head > .panel-heading,
body.theme-default .home-video-panel.panel-slim-head > .panel-heading,
body.theme-classic .home-news-panel.panel-slim-head > .panel-heading,
body.theme-default .home-news-panel.panel-slim-head > .panel-heading,
body.theme-classic .panel-slim-head > .panel-heading,
body.theme-default .panel-slim-head > .panel-heading{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  border-bottom:3px solid #e4b23c !important;
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94 0%,#087177 100%) !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body.theme-classic .home-media-row .panel.panel-slim-head > .panel-heading:before,
body.theme-classic .home-media-row .panel.panel-slim-head > .panel-heading:after,
body.theme-default .home-media-row .panel.panel-slim-head > .panel-heading:before,
body.theme-default .home-media-row .panel.panel-slim-head > .panel-heading:after,
body.theme-classic .panel-slim-head > .panel-heading:before,
body.theme-classic .panel-slim-head > .panel-heading:after,
body.theme-default .panel-slim-head > .panel-heading:before,
body.theme-default .panel-slim-head > .panel-heading:after{
  display:none !important;
  content:none !important;
}

body.theme-classic .home-media-row .panel.panel-slim-head > .panel-heading .div-tblock,
body.theme-default .home-media-row .panel.panel-slim-head > .panel-heading .div-tblock,
body.theme-classic .home-video-panel.panel-slim-head > .panel-heading .div-tblock,
body.theme-default .home-video-panel.panel-slim-head > .panel-heading .div-tblock,
body.theme-classic .home-news-panel.panel-slim-head > .panel-heading .div-tblock,
body.theme-default .home-news-panel.panel-slim-head > .panel-heading .div-tblock,
body.theme-classic .panel-slim-head > .panel-heading .div-tblock,
body.theme-default .panel-slim-head > .panel-heading .div-tblock{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  line-height:36px !important;
  padding:0 12px !important;
  margin:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}
body.theme-classic .panel-slim-head > .panel-heading .div-tblock *,
body.theme-default .panel-slim-head > .panel-heading .div-tblock *{
  color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:inherit !important;
}

/* Classic/Default: tab Mặt bằng / Phân khu rõ màu */
body.theme-classic .home-ground-tabs,
body.theme-default .home-ground-tabs,
body.theme-classic .home-utility-tabs,
body.theme-default .home-utility-tabs,
body.theme-classic .home-tabs,
body.theme-default .home-tabs,
body.theme-classic .home-tab-wrap,
body.theme-default .home-tab-wrap{
  background:#eef9fb !important;
  border:1px solid #c9e9ea !important;
  border-radius:14px !important;
  box-shadow:none !important;
  opacity:1 !important;
}
body.theme-classic .home-ground-type-tab,
body.theme-default .home-ground-type-tab,
body.theme-classic .home-ground-detail-tab,
body.theme-default .home-ground-detail-tab,
body.theme-classic .home-ground-tabs button,
body.theme-default .home-ground-tabs button,
body.theme-classic .home-tabs button,
body.theme-default .home-tabs button,
body.theme-classic .home-tab-wrap button,
body.theme-default .home-tab-wrap button{
  background:#ffffff !important;
  color:#075f64 !important;
  border:1px solid #b9e4e7 !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 8px 16px rgba(5,96,99,.08) !important;
  text-shadow:none !important;
}
body.theme-classic .home-ground-type-tab.is-active,
body.theme-default .home-ground-type-tab.is-active,
body.theme-classic .home-ground-detail-tab.is-active,
body.theme-default .home-ground-detail-tab.is-active,
body.theme-classic .home-ground-tabs button.active,
body.theme-default .home-ground-tabs button.active,
body.theme-classic .home-ground-tabs button.is-active,
body.theme-default .home-ground-tabs button.is-active,
body.theme-classic .home-tabs button.active,
body.theme-default .home-tabs button.active,
body.theme-classic .home-tabs button.is-active,
body.theme-default .home-tabs button.is-active,
body.theme-classic .home-tab-wrap button.active,
body.theme-default .home-tab-wrap button.active,
body.theme-classic .home-tab-wrap button.is-active,
body.theme-default .home-tab-wrap button.is-active{
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94,#087177) !important;
  color:#ffffff !important;
  border-color:#0b8f94 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}
body.theme-classic .home-ground-type-tab.is-active *,
body.theme-default .home-ground-type-tab.is-active *,
body.theme-classic .home-ground-detail-tab.is-active *,
body.theme-default .home-ground-detail-tab.is-active *,
body.theme-classic .home-ground-tabs button.active *,
body.theme-default .home-ground-tabs button.active *,
body.theme-classic .home-ground-tabs button.is-active *,
body.theme-default .home-ground-tabs button.is-active *{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Classic/Default: nút slide, dot, counter rõ màu */
body.theme-classic .home-image-slider .home-slide-btn,
body.theme-default .home-image-slider .home-slide-btn,
body.theme-classic .home-utilities-slider .home-slide-btn,
body.theme-default .home-utilities-slider .home-slide-btn,
body.theme-classic .home-slide-btn,
body.theme-default .home-slide-btn,
body.theme-classic button.home-slide-btn,
body.theme-default button.home-slide-btn,
body.theme-classic .home-gallery-prev,
body.theme-default .home-gallery-prev,
body.theme-classic .home-gallery-next,
body.theme-default .home-gallery-next,
body.theme-classic .home-prev,
body.theme-default .home-prev,
body.theme-classic .home-next,
body.theme-default .home-next,
body.theme-classic .home-img-nav,
body.theme-default .home-img-nav,
body.theme-classic .home-img-prev,
body.theme-default .home-img-prev,
body.theme-classic .home-img-next,
body.theme-default .home-img-next{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.85) !important;
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94,#087177) !important;
  color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:0 10px 22px rgba(5,96,99,.22) !important;
  font-size:20px !important;
  line-height:1 !important;
}
body.theme-classic .home-slide-btn *,
body.theme-default .home-slide-btn *,
body.theme-classic .home-img-nav *,
body.theme-default .home-img-nav *{
  color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
}
body.theme-classic .home-slide-dot,
body.theme-default .home-slide-dot,
body.theme-classic button.home-slide-dot,
body.theme-default button.home-slide-dot,
body.theme-classic .slick-dots li button:before,
body.theme-default .slick-dots li button:before,
body.theme-classic .swiper-pagination-bullet,
body.theme-default .swiper-pagination-bullet{
  background:#c8e4e5 !important;
  color:#0b8f94 !important;
  opacity:1 !important;
  filter:none !important;
  border:0 !important;
}
body.theme-classic .home-slide-dot.is-active,
body.theme-default .home-slide-dot.is-active,
body.theme-classic button.home-slide-dot.is-active,
body.theme-default button.home-slide-dot.is-active,
body.theme-classic .slick-dots li.slick-active button:before,
body.theme-default .slick-dots li.slick-active button:before,
body.theme-classic .swiper-pagination-bullet-active,
body.theme-default .swiper-pagination-bullet-active{
  background:#0b8f94 !important;
  color:#ffffff !important;
  opacity:1 !important;
}
body.theme-classic .home-slide-count,
body.theme-default .home-slide-count,
body.theme-classic .slide-count,
body.theme-default .slide-count,
body.theme-classic .image-counter,
body.theme-default .image-counter,
body.theme-classic .home-img-counter,
body.theme-default .home-img-counter{
  background:#ffffff !important;
  color:#075f64 !important;
  border:1px solid #b9e4e7 !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 8px 18px rgba(5,96,99,.12) !important;
}

/* Classic/Default: nút mở ảnh/PDF không bị trắng mờ */
body.theme-classic .home-image-open,
body.theme-default .home-image-open,
body.theme-classic .home-img-open-link,
body.theme-default .home-img-open-link,
body.theme-classic .home-open-file,
body.theme-default .home-open-file,
body.theme-classic .btn-open-file,
body.theme-default .btn-open-file,
body.theme-classic .open-file-btn,
body.theme-default .open-file-btn{
  background:#0b8f94 !important;
  background-image:linear-gradient(135deg,#0b8f94,#087177) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.85) !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:0 10px 22px rgba(5,96,99,.22) !important;
}
body.theme-classic .home-image-open *,
body.theme-default .home-image-open *,
body.theme-classic .home-img-open-link *,
body.theme-default .home-img-open-link *{
  color:#ffffff !important;
  opacity:1 !important;
}

@media(max-width:767px){
  body.theme-classic .home-media-row .panel.panel-slim-head > .panel-heading,
  body.theme-default .home-media-row .panel.panel-slim-head > .panel-heading,
  body.theme-classic .panel-slim-head > .panel-heading,
  body.theme-default .panel-slim-head > .panel-heading{
    min-height:32px !important;
    height:32px !important;
  }
  body.theme-classic .home-media-row .panel.panel-slim-head > .panel-heading .div-tblock,
  body.theme-default .home-media-row .panel.panel-slim-head > .panel-heading .div-tblock,
  body.theme-classic .panel-slim-head > .panel-heading .div-tblock,
  body.theme-default .panel-slim-head > .panel-heading .div-tblock{
    line-height:32px !important;
    font-size:12.5px !important;
  }
  body.theme-classic .home-slide-btn,
  body.theme-default .home-slide-btn,
  body.theme-classic .home-img-nav,
  body.theme-default .home-img-nav{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
    font-size:17px !important;
  }
}

/* =========================================================
   V96.99 - Fix Banner overlay: tôn trọng cấu hình tắt trên mobile
   - Nếu admin bỏ chọn "Hiện overlay trên mobile" thì mobile phải ẩn hoàn toàn.
   - Đặt cuối file để đè các style hero mobile theo skin.
   ========================================================= */
@media (max-width: 767px){
  body .hero-overlay-box.overlay-hide-mobile,
  body[class*="theme-"] .hero-overlay-box.overlay-hide-mobile,
  body[data-site-skin] .hero-overlay-box.overlay-hide-mobile,
  body .site-hero .hero-overlay-box.overlay-hide-mobile,
  body[class*="theme-"] .site-hero .hero-overlay-box.overlay-hide-mobile,
  body[data-site-skin] .site-hero .hero-overlay-box.overlay-hide-mobile,
  body .banner-wrapper .hero-overlay-box.overlay-hide-mobile,
  body[class*="theme-"] .banner-wrapper .hero-overlay-box.overlay-hide-mobile,
  body[data-site-skin] .banner-wrapper .hero-overlay-box.overlay-hide-mobile{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}