/* HNSCHOOL - Feng Shui / Tranh & Vat pham Phong Thuy theme 2026 */
body.fengshui-theme-active{
  --fs-bordeaux:#681526;--fs-bordeaux-2:#861d2f;--fs-red:#b4232d;--fs-orange:#e96524;
  --fs-gold:#d9a11e;--fs-gold-light:#f5d778;--fs-cream:#fff8e9;--fs-ink:#3d231c;--fs-muted:#80655d;
  --fs-line:rgba(151,88,34,.18);--fs-shadow:0 16px 42px rgba(104,21,38,.10);
  background:radial-gradient(circle at 8% 2%,rgba(217,161,30,.13),transparent 25%),radial-gradient(circle at 93% 7%,rgba(180,35,45,.10),transparent 26%),linear-gradient(180deg,#fffaf0 0%,#fffdf8 44%,#fff8ec 100%)!important;
  color:var(--fs-ink)!important;
}
body.fengshui-theme-active > main.site-shell{width:100%!important;max-width:1280px!important;display:block!important;margin:14px auto 0!important;padding:0!important;box-sizing:border-box!important}
body.fengshui-theme-active > main.site-shell>.sidebar-left,body.fengshui-theme-active > main.site-shell>.sidebar-right,body.fengshui-theme-active > main.site-shell>.mobile-left-menu-toggle{display:none!important}
body.fengshui-theme-active > main.site-shell>.content-center{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important}
body.fengshui-theme-active .topbar.topbar-upgraded{background:linear-gradient(90deg,#591321 0%,#7e1b2c 48%,#a8292f 100%)!important;color:#fff!important}
body.fengshui-theme-active .brand-row-search{background:linear-gradient(180deg,#fffdf8,#fff8e9)!important;border-bottom:1px solid rgba(217,161,30,.22)!important}
body.fengshui-theme-active #mainNavigation.main-menu-wrap{background:linear-gradient(100deg,#651425 0%,#8d1f2e 44%,#d05324 78%,#d99d1c 100%)!important;box-shadow:0 8px 22px rgba(104,21,38,.18)!important}
body.fengshui-theme-active #mainNavigation .menu-root>li>a,body.fengshui-theme-active #mainNavigation .sf-menu>li>a,body.fengshui-theme-active #mainNavigation .menu-home-link{background:transparent!important;color:#fff!important;font-weight:800!important;text-transform:uppercase!important}
body.fengshui-theme-active #mainNavigation .menu-root>li:hover>a,body.fengshui-theme-active #mainNavigation .sf-menu>li:hover>a{background:rgba(255,226,132,.18)!important;color:#fff8d6!important}
body.fengshui-theme-active .footer-main{background:linear-gradient(145deg,#45101b 0%,#671524 48%,#87202b 100%)!important;color:#fff8e9!important;border-top:3px solid #d5a11f!important}
body.fengshui-theme-active .brand-search-input-wrap button,.fengshui-theme-active .topbar-action.hotline-action{background:linear-gradient(135deg,#8d1f2e,#d35424 70%,#d9a11e)!important;color:#fff!important}
.fs-home{max-width:1280px;margin:0 auto 30px;font-family:inherit}.fs-home *{box-sizing:border-box}.fs-home a{text-decoration:none;color:inherit}.fs-home a:hover{color:var(--fs-red)}
.fs-banner{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(217,161,30,.24);box-shadow:var(--fs-shadow);background:#f3e5cf;margin-bottom:15px}.fs-banner-track{display:flex;transition:transform .45s ease}.fs-banner-slide{min-width:100%;aspect-ratio:1280/330;display:block;overflow:hidden}.fs-banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.fs-banner-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;background:rgba(74,15,28,.46);padding:7px 10px;border-radius:999px;backdrop-filter:blur(8px)}.fs-banner-dot{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:rgba(255,255,255,.65);cursor:pointer}.fs-banner-dot.active{width:26px;background:#f6d46f}
.fs-intro-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:14px;margin-bottom:14px}.fs-welcome-card{position:relative;overflow:hidden;padding:32px;border-radius:22px;background:linear-gradient(132deg,#611522 0%,#8e1e2d 52%,#c74925 100%);color:#fff8e9;box-shadow:var(--fs-shadow)}.fs-welcome-card:after{content:"☯";position:absolute;right:20px;top:-28px;font-size:190px;line-height:1;color:rgba(255,221,118,.08)}.fs-eyebrow{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;color:#c78d13}.fs-welcome-card .fs-eyebrow{color:#f5d778}.fs-welcome-card h1{position:relative;z-index:1;margin:10px 0 12px;font-size:clamp(28px,3vw,44px);line-height:1.13;max-width:850px}.fs-welcome-card p{position:relative;z-index:1;margin:0;max-width:800px;line-height:1.7;color:rgba(255,248,233,.88)}.fs-welcome-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.fs-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;font-weight:800}.fs-btn-primary{background:linear-gradient(135deg,#f6d46f,#dca11c);color:#561421!important;box-shadow:0 8px 22px rgba(46,10,18,.18)}.fs-btn-ghost{border:1px solid rgba(255,238,183,.48);color:#fff8e9!important;background:rgba(255,255,255,.06)}
.fs-symbol-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fs-symbol-card{text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:126px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fffdf9,#fff5df);border:1px solid var(--fs-line);box-shadow:0 8px 24px rgba(104,21,38,.055);display:flex;flex-direction:column;justify-content:center}.fs-symbol-card i{font-size:24px;color:var(--fs-red);margin-bottom:9px}.fs-symbol-card strong{font-size:16px}.fs-symbol-card span{font-size:12px;color:var(--fs-muted);margin-top:4px}
.fs-feature-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);overflow:hidden;background:#fff;border:1px solid var(--fs-line);border-radius:22px;box-shadow:var(--fs-shadow);margin-bottom:16px}.fs-feature-image{min-height:360px}.fs-feature-image img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.fs-feature-copy{padding:34px;align-self:center}.fs-feature-copy h2{font-size:clamp(26px,2.5vw,38px);line-height:1.22;margin:9px 0 12px;color:#561421}.fs-feature-copy p{line-height:1.72;color:var(--fs-muted);margin:0 0 15px}.fs-readmore,.fs-all-link{display:inline-flex;align-items:center;gap:8px;font-weight:850;color:var(--fs-red)!important}
.fs-section{margin-top:18px}.fs-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:11px;padding:0 3px}.fs-section-heading h2{margin:4px 0 0;font-size:26px;color:#571522}.fs-section-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f7db84,#d89e1b);color:#711725;box-shadow:0 8px 20px rgba(176,113,12,.18)}
.fs-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fs-zone-card{background:#fff;border:1px solid var(--fs-line);border-radius:19px;padding:15px;box-shadow:0 7px 24px rgba(104,21,38,.055);transition:transform .2s ease,box-shadow .2s ease}.fs-zone-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(104,21,38,.10)}.fs-zone-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f2e6d5;padding-bottom:10px;margin-bottom:11px}.fs-zone-head h3{margin:0;font-size:17px;color:#681526}.fs-zone-arrow{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff4dc;color:#9a2d27!important}.fs-zone-lead-image{display:block;overflow:hidden;border-radius:13px;aspect-ratio:16/9}.fs-zone-lead-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.fs-zone-card:hover .fs-zone-lead-image img{transform:scale(1.025)}.fs-zone-card h4{font-size:15px;line-height:1.42;margin:10px 0 6px}.fs-zone-card>p{font-size:12px;line-height:1.55;color:var(--fs-muted);margin:0}.fs-zone-links{border-top:1px dashed #ead8bb;margin-top:11px;padding-top:8px;display:flex;flex-direction:column}.fs-zone-links a{display:grid;grid-template-columns:12px 1fr;gap:7px;padding:7px 0;font-size:12.5px;line-height:1.4}.fs-zone-links i{font-size:7px;color:#d09b1e;margin-top:5px}
.fs-products-section{padding:20px;border-radius:22px;background:linear-gradient(145deg,#fff7e5 0%,#fffdf8 52%,#fff4dc 100%);border:1px solid rgba(217,161,30,.22)}.fs-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fs-product-card{overflow:hidden;background:#fff;border:1px solid var(--fs-line);border-radius:16px;box-shadow:0 6px 20px rgba(104,21,38,.05)}.fs-product-image{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#f6efe5}.fs-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.fs-product-card:hover .fs-product-image img{transform:scale(1.04)}.fs-sale{position:absolute;left:9px;top:9px;padding:5px 8px;border-radius:999px;background:#8c1c2b;color:#fff;font-size:11px;font-weight:900}.fs-product-body{padding:12px}.fs-product-cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#a1711d}.fs-product-body h3{font-size:14px;line-height:1.4;margin:5px 0 9px;min-height:39px}.fs-price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.fs-price strong{color:#a91f2c;font-size:16px}.fs-price del{font-size:11px;color:#9f8d84}
.fs-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fs-knowledge-card{display:grid;grid-template-columns:130px 1fr;gap:12px;background:#fff;border:1px solid var(--fs-line);border-radius:16px;padding:10px;box-shadow:0 6px 20px rgba(104,21,38,.045)}.fs-knowledge-card>a{display:block;border-radius:11px;overflow:hidden}.fs-knowledge-card img{width:130px;height:92px;object-fit:cover;display:block}.fs-knowledge-card h3{font-size:14px;line-height:1.38;margin:3px 0 6px}.fs-knowledge-card p{font-size:11.5px;line-height:1.5;color:var(--fs-muted);margin:0}
/* inner pages keep the selected visual identity */
body.fengshui-theme-active .page-hero,body.fengshui-theme-active .article-content,body.fengshui-theme-active .list-item-modern,body.fengshui-theme-active .menu-bottom-wrap,body.fengshui-theme-active .side-latest-box{border-color:var(--fs-line)!important;box-shadow:0 10px 28px rgba(104,21,38,.07)!important}body.fengshui-theme-active .page-hero h1,body.fengshui-theme-active .article-content h1,body.fengshui-theme-active .section-head h2{color:#681526!important}
@media(max-width:980px){.fs-intro-grid,.fs-feature-story{grid-template-columns:1fr}.fs-symbol-grid{grid-template-columns:repeat(4,1fr)}.fs-zone-grid{grid-template-columns:repeat(2,1fr)}.fs-product-grid{grid-template-columns:repeat(2,1fr)}.fs-knowledge-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body.fengshui-theme-active > main.site-shell{max-width:100%!important;padding:0 8px!important;margin-top:8px!important}.fs-banner{border-radius:14px}.fs-banner-slide{aspect-ratio:16/6}.fs-welcome-card{padding:23px;border-radius:17px}.fs-symbol-grid{grid-template-columns:1fr 1fr}.fs-feature-story{border-radius:17px}.fs-feature-image,.fs-feature-image img{min-height:260px}.fs-feature-copy{padding:22px}.fs-zone-grid{grid-template-columns:1fr}.fs-products-section{padding:14px}.fs-knowledge-grid{grid-template-columns:1fr}}
@media(max-width:460px){.fs-product-grid{grid-template-columns:1fr 1fr;gap:8px}.fs-product-body{padding:10px}.fs-knowledge-card{grid-template-columns:105px 1fr}.fs-knowledge-card img{width:105px;height:82px}.fs-welcome-card h1{font-size:27px}.fs-symbol-card{text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:105px;padding:13px}}

/* ======================================================================
   07/08/2026 - FENG SHUI MAIN NAVIGATION V2
   Scope: ONLY when HomeLayout = fengshui. Distinct desktop + mobile UI.
   ====================================================================== */
body.fengshui-theme-active #mainNavigation.main-menu-wrap{
    position:relative!important;
    isolation:isolate;
    z-index:1200!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(102deg,#4b0c1a 0%,#711426 25%,#9d202d 51%,#d04a22 76%,#e0a51e 100%)!important;
    border-top:1px solid rgba(255,220,116,.72)!important;
    border-bottom:1px solid rgba(91,15,27,.38)!important;
    box-shadow:0 8px 24px rgba(79,12,26,.24)!important;
}
body.fengshui-theme-active #mainNavigation.main-menu-wrap:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(circle at 10% 50%,rgba(255,222,128,.14) 0 2px,transparent 3px),
      radial-gradient(circle at 90% 50%,rgba(255,238,175,.10) 0 2px,transparent 3px),
      linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
    background-size:46px 46px,58px 58px,100% 100%;
}
body.fengshui-theme-active #mainNavigation.main-menu-wrap:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:min(1280px,100%);
    height:3px;
    transform:translateX(-50%);
    pointer-events:none;
    background:linear-gradient(90deg,transparent,#f5ce62 12%,#fff0a8 50%,#f5ce62 88%,transparent);
    box-shadow:0 0 12px rgba(255,218,94,.45);
}

@media (min-width:861px){
    body.fengshui-theme-active #mainNavigation .main-menu-shell,
    body.fengshui-theme-active #mainNavigation > .site-shell.main-menu-shell{
        width:100%!important;
        max-width:1280px!important;
        min-height:52px!important;
        padding:5px 8px!important;
        margin:0 auto!important;
        display:flex!important;
        align-items:center!important;
        overflow:visible!important;
    }
    body.fengshui-theme-active #mainNavigation .primary-menu-host{
        width:100%!important;
        overflow:visible!important;
    }
    body.fengshui-theme-active #mainNavigation .primary-menu-host>.menu-root,
    body.fengshui-theme-active #mainNavigation .primary-menu-host>.sf-menu{
        display:flex!important;
        flex-flow:row wrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:5px!important;
        width:100%!important;
        padding:0!important;
        margin:0!important;
        background:transparent!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li,
    body.fengshui-theme-active #mainNavigation .sf-menu>li{
        position:relative!important;
        width:auto!important;
        margin:0!important;
        border:0!important;
        background:transparent!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li>a,
    body.fengshui-theme-active #mainNavigation .sf-menu>li>a,
    body.fengshui-theme-active #mainNavigation .menu-home-link{
        position:relative!important;
        min-height:42px!important;
        height:42px!important;
        padding:0 12px!important;
        gap:6px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
        border:1px solid rgba(255,232,159,.13)!important;
        border-radius:11px!important;
        background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
        color:#fffaf0!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1.25!important;
        letter-spacing:.18px!important;
        text-transform:uppercase!important;
        text-shadow:0 1px 1px rgba(70,8,20,.32)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
        transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li>a:after,
    body.fengshui-theme-active #mainNavigation .sf-menu>li>a:after,
    body.fengshui-theme-active #mainNavigation .menu-home-link:after{
        content:"";
        position:absolute;
        left:18%;
        right:18%;
        bottom:4px;
        height:2px;
        border-radius:999px;
        background:linear-gradient(90deg,transparent,#ffe38a,#fff3b6,#ffe38a,transparent);
        transform:scaleX(0);
        transition:transform .18s ease;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li:hover>a,
    body.fengshui-theme-active #mainNavigation .menu-root>li:focus-within>a,
    body.fengshui-theme-active #mainNavigation .sf-menu>li:hover>a,
    body.fengshui-theme-active #mainNavigation .sf-menu>li:focus-within>a,
    body.fengshui-theme-active #mainNavigation .menu-root>li.active>a,
    body.fengshui-theme-active #mainNavigation .menu-root>li.current>a{
        transform:translateY(-1px)!important;
        background:linear-gradient(135deg,#f6d875 0%,#e5ad2d 48%,#f5ca5a 100%)!important;
        border-color:#ffeaa4!important;
        color:#611322!important;
        text-shadow:none!important;
        box-shadow:0 7px 18px rgba(66,9,20,.22),inset 0 1px 0 rgba(255,255,255,.52)!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li:hover>a:after,
    body.fengshui-theme-active #mainNavigation .menu-root>li:focus-within>a:after,
    body.fengshui-theme-active #mainNavigation .menu-root>li.active>a:after{transform:scaleX(1)}

    body.fengshui-theme-active #mainNavigation .menu-icon-badge{
        width:22px!important;
        min-width:22px!important;
        height:22px!important;
        flex:0 0 22px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:50%!important;
        margin:0!important;
        padding:0!important;
        background:rgba(255,226,132,.17)!important;
        border:1px solid rgba(255,236,177,.26)!important;
        color:#ffe891!important;
        box-shadow:none!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-icon-badge i{font-size:10px!important;color:inherit!important}
    body.fengshui-theme-active #mainNavigation .menu-root>li:hover>a .menu-icon-badge,
    body.fengshui-theme-active #mainNavigation .menu-root>li.active>a .menu-icon-badge{
        background:#721625!important;border-color:rgba(104,20,37,.22)!important;color:#ffe589!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-label,
    body.fengshui-theme-active #mainNavigation .menu-root>li>a .menu-label{
        font-size:12px!important;font-weight:800!important;line-height:1.25!important;color:inherit!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-arrow{font-size:9px!important;color:#f9df8b!important;opacity:.92!important}
    body.fengshui-theme-active #mainNavigation .menu-root>li:hover>a .menu-arrow,
    body.fengshui-theme-active #mainNavigation .menu-root>li.active>a .menu-arrow{color:#711625!important}

    body.fengshui-theme-active #mainNavigation .menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root>li>ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul{
        min-width:260px!important;
        padding:8px!important;
        margin-top:6px!important;
        border:1px solid rgba(214,157,42,.36)!important;
        border-radius:15px!important;
        background:linear-gradient(155deg,#fffdf8 0%,#fff7e7 100%)!important;
        box-shadow:0 18px 42px rgba(71,11,23,.25)!important;
        overflow:visible!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li{background:transparent!important;border:0!important;padding:0!important;margin:2px 0!important}
    body.fengshui-theme-active #mainNavigation .menu-sub li>a,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li>a{
        min-height:39px!important;
        height:auto!important;
        padding:9px 11px!important;
        justify-content:flex-start!important;
        border:1px solid transparent!important;
        border-radius:10px!important;
        background:transparent!important;
        color:#5f1724!important;
        font-size:12px!important;
        font-weight:750!important;
        line-height:1.35!important;
        text-transform:none!important;
        transition:.16s ease!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li>a:hover,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li>a:hover{
        padding-left:14px!important;
        background:linear-gradient(90deg,#fff0c2,#fff8e5)!important;
        border-color:#efd78f!important;
        color:#9a202b!important;
        box-shadow:inset 3px 0 0 #b4252d!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li>ul{margin-top:0!important;margin-left:8px!important}
}

/* Mobile / tablet: compact burgundy header + card drawer */
@media (max-width:860px){
    body.fengshui-theme-active #mainNavigation.main-menu-wrap{
        padding:7px 0!important;
        background:linear-gradient(110deg,#55101e 0%,#7c1728 48%,#bd3826 100%)!important;
        border-top:1px solid rgba(255,222,128,.55)!important;
        border-bottom:2px solid #dfa62b!important;
        box-shadow:0 7px 20px rgba(71,9,22,.22)!important;
    }
    body.fengshui-theme-active #mainNavigation .main-menu-shell,
    body.fengshui-theme-active #mainNavigation>.site-shell.main-menu-shell{
        position:relative!important;
        width:100%!important;
        max-width:100%!important;
        min-height:48px!important;
        padding:0 10px!important;
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        gap:0!important;
    }
    body.fengshui-theme-active #mainNavigation .mobile-menu-toggle{
        position:relative!important;
        display:inline-flex!important;
        width:auto!important;
        min-width:118px!important;
        height:42px!important;
        margin:0!important;
        padding:0 14px 0 12px!important;
        flex-direction:row!important;
        justify-content:flex-start!important;
        gap:5px!important;
        border:1px solid rgba(255,232,158,.48)!important;
        border-radius:12px!important;
        background:linear-gradient(180deg,rgba(255,239,185,.17),rgba(255,255,255,.055))!important;
        color:#fff4c8!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 13px rgba(55,6,16,.16)!important;
    }
    body.fengshui-theme-active #mainNavigation .mobile-menu-toggle:after{
        content:"MENU";
        display:inline-block;
        margin-left:5px;
        font-size:12px;
        font-weight:900;
        line-height:1;
        letter-spacing:.8px;
        color:#fff4c8;
    }
    body.fengshui-theme-active #mainNavigation .mobile-menu-toggle-bar{
        width:18px!important;
        height:2px!important;
        margin:0!important;
        background:#ffe184!important;
        transition:transform .22s ease,opacity .22s ease!important;
    }
    body.fengshui-theme-active #mainNavigation.menu-open .mobile-menu-toggle{
        background:linear-gradient(135deg,#f6d675,#dea12a)!important;
        color:#641322!important;
        border-color:#ffe69b!important;
    }
    body.fengshui-theme-active #mainNavigation.menu-open .mobile-menu-toggle:after{content:"ĐÓNG";color:#641322}
    body.fengshui-theme-active #mainNavigation.menu-open .mobile-menu-toggle-bar{background:#641322!important}
    body.fengshui-theme-active #mainNavigation.menu-open .mobile-menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.fengshui-theme-active #mainNavigation.menu-open .mobile-menu-toggle-bar:nth-child(2){opacity:0}
    body.fengshui-theme-active #mainNavigation.menu-open .mobile-menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

    body.fengshui-theme-active #mainNavigation .primary-menu-host{
        display:none!important;
        flex:0 0 100%!important;
        width:100%!important;
        margin:8px 0 2px!important;
        padding:7px!important;
        border:1px solid rgba(255,223,130,.34)!important;
        border-radius:16px!important;
        background:linear-gradient(165deg,rgba(76,10,25,.985),rgba(116,20,37,.985) 58%,rgba(145,35,35,.985))!important;
        box-shadow:0 18px 36px rgba(50,5,15,.28)!important;
        overflow:hidden!important;
    }
    body.fengshui-theme-active #mainNavigation.menu-open .primary-menu-host{display:block!important;animation:fsMenuDrop .2s ease both}
    body.fengshui-theme-active #mainNavigation .primary-menu-host>.menu-root,
    body.fengshui-theme-active #mainNavigation .primary-menu-host>.sf-menu{
        display:flex!important;
        flex-direction:column!important;
        gap:5px!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li,
    body.fengshui-theme-active #mainNavigation .sf-menu>li{width:100%!important;margin:0!important;background:transparent!important}
    body.fengshui-theme-active #mainNavigation .menu-root>li>a,
    body.fengshui-theme-active #mainNavigation .sf-menu>li>a,
    body.fengshui-theme-active #mainNavigation .menu-home-link{
        width:100%!important;
        min-height:46px!important;
        height:auto!important;
        padding:10px 12px!important;
        display:flex!important;
        justify-content:flex-start!important;
        gap:9px!important;
        border:1px solid rgba(255,229,155,.13)!important;
        border-radius:11px!important;
        background:rgba(255,255,255,.045)!important;
        color:#fff9e9!important;
        font-size:13px!important;
        font-weight:800!important;
        line-height:1.3!important;
        text-transform:uppercase!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-root>li>a:active,
    body.fengshui-theme-active #mainNavigation .menu-root>li.open>a,
    body.fengshui-theme-active #mainNavigation .menu-root>li.active>a{
        background:linear-gradient(135deg,#f3d06b,#dca027)!important;
        border-color:#ffe89c!important;
        color:#5e1321!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-icon-badge{
        width:28px!important;min-width:28px!important;height:28px!important;flex:0 0 28px!important;
        display:grid!important;place-items:center!important;border-radius:9px!important;
        background:rgba(255,225,132,.14)!important;border:1px solid rgba(255,230,155,.22)!important;color:#ffe48b!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-icon-badge i{font-size:11px!important}
    body.fengshui-theme-active #mainNavigation .menu-label{font-size:13px!important;font-weight:800!important;line-height:1.3!important;color:inherit!important}
    body.fengshui-theme-active #mainNavigation .menu-arrow{margin-left:auto!important;color:#ffe289!important;font-size:11px!important}

    body.fengshui-theme-active #mainNavigation .menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root li ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul{
        position:static!important;
        width:100%!important;
        min-width:0!important;
        margin:5px 0 2px!important;
        padding:6px!important;
        border:1px solid rgba(245,211,111,.20)!important;
        border-radius:11px!important;
        background:rgba(54,7,18,.43)!important;
        box-shadow:none!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li>a,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li>a{
        min-height:40px!important;
        padding:9px 11px!important;
        justify-content:flex-start!important;
        border:0!important;
        border-bottom:1px dashed rgba(255,224,141,.14)!important;
        border-radius:8px!important;
        background:transparent!important;
        color:#fff1c7!important;
        font-size:12.5px!important;
        font-weight:700!important;
        line-height:1.35!important;
        text-transform:none!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li:last-child>a{border-bottom:0!important}
    body.fengshui-theme-active #mainNavigation .menu-sub li>a:active{background:rgba(255,226,132,.12)!important;color:#fff!important}
}

@media (max-width:480px){
    body.fengshui-theme-active #mainNavigation .main-menu-shell,
    body.fengshui-theme-active #mainNavigation>.site-shell.main-menu-shell{padding-left:8px!important;padding-right:8px!important}
    body.fengshui-theme-active #mainNavigation .mobile-menu-toggle{min-width:112px!important;height:40px!important;padding-left:10px!important;padding-right:12px!important}
    body.fengshui-theme-active #mainNavigation .primary-menu-host{border-radius:14px!important;padding:6px!important}
    body.fengshui-theme-active #mainNavigation .menu-root>li>a,
    body.fengshui-theme-active #mainNavigation .menu-home-link{min-height:44px!important;padding:9px 10px!important;font-size:12.5px!important}
}

@keyframes fsMenuDrop{from{opacity:0;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ===== 2026-08-07 FENG SHUI MENU FONT + MOBILE SUBMENU FINAL OVERRIDE ===== */
body.fengshui-theme-active #mainNavigation,
body.fengshui-theme-active #mainNavigation a,
body.fengshui-theme-active #mainNavigation .menu-label,
body.fengshui-theme-active #mainNavigation .mobile-menu-toggle,
body.fengshui-theme-active #mainNavigation .menu-sub a {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-synthesis: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.fengshui-theme-active #mainNavigation .menu-root > li > a,
body.fengshui-theme-active #mainNavigation .sf-menu > li > a,
body.fengshui-theme-active #mainNavigation .menu-home-link,
body.fengshui-theme-active #mainNavigation .menu-root > li > a .menu-label,
body.fengshui-theme-active #mainNavigation .sf-menu > li > a .menu-label {
    text-transform: none !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: .15px !important;
}

body.fengshui-theme-active #mainNavigation .menu-sub li > a,
body.fengshui-theme-active #mainNavigation .sf-menu li ul li > a,
body.fengshui-theme-active #mainNavigation .menu-sub li > a .menu-label {
    text-transform: none !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
}

@media (min-width:861px){
    body.fengshui-theme-active #mainNavigation .menu-root > li > a,
    body.fengshui-theme-active #mainNavigation .sf-menu > li > a,
    body.fengshui-theme-active #mainNavigation .menu-home-link {
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
    body.fengshui-theme-active #mainNavigation .menu-label,
    body.fengshui-theme-active #mainNavigation .menu-root > li > a .menu-label {
        font-size: 13px !important;
        font-weight: 700 !important;
    }
}

@media (max-width:860px){
    /* Remove every inherited/default blue layer from the mobile tree. */
    body.fengshui-theme-active #mainNavigation .primary-menu-host,
    body.fengshui-theme-active #mainNavigation .primary-menu-host ul,
    body.fengshui-theme-active #mainNavigation .primary-menu-host ul.menu-root,
    body.fengshui-theme-active #mainNavigation .primary-menu-host ul.menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root li,
    body.fengshui-theme-active #mainNavigation .menu-sub li,
    body.fengshui-theme-active #mainNavigation .sf-menu li,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li,
    body.fengshui-theme-active #mainNavigation li.has-children,
    body.fengshui-theme-active #mainNavigation li.has-children.open {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
    }

    body.fengshui-theme-active #mainNavigation .primary-menu-host {
        background: linear-gradient(165deg,#4d0c1b 0%,#711527 56%,#922522 100%) !important;
        border: 1px solid rgba(247,211,112,.36) !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-root > li > a,
    body.fengshui-theme-active #mainNavigation .sf-menu > li > a,
    body.fengshui-theme-active #mainNavigation .menu-home-link {
        background: linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
        background-color: rgba(255,255,255,.045) !important;
        color: #fff9ea !important;
        border: 1px solid rgba(255,226,145,.16) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: .1px !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-root > li.open > a,
    body.fengshui-theme-active #mainNavigation .menu-root > li.active > a,
    body.fengshui-theme-active #mainNavigation .menu-root > li > a:hover,
    body.fengshui-theme-active #mainNavigation .sf-menu > li > a:hover {
        background: linear-gradient(135deg,#f6d979 0%,#e5ae35 100%) !important;
        background-color: #efc452 !important;
        color: #5b1020 !important;
        border-color: #ffe9a5 !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-sub,
    body.fengshui-theme-active #mainNavigation ul.menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root li > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li > ul {
        background: linear-gradient(180deg,#651223 0%,#4c0c1a 100%) !important;
        background-color: #58101f !important;
        border: 1px solid rgba(244,204,95,.28) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-sub > li,
    body.fengshui-theme-active #mainNavigation .menu-sub > li.has-children,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul > li {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-sub li > a,
    body.fengshui-theme-active #mainNavigation .menu-sub li.has-children > a,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li > a,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li.has-children > a {
        background: rgba(255,247,221,.035) !important;
        background-color: rgba(255,247,221,.035) !important;
        background-image: none !important;
        color: #ffeab2 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,222,132,.13) !important;
        font-size: 12.75px !important;
        font-weight: 600 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        box-shadow: none !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-sub li > a:hover,
    body.fengshui-theme-active #mainNavigation .menu-sub li > a:focus,
    body.fengshui-theme-active #mainNavigation .menu-sub li > a:active,
    body.fengshui-theme-active #mainNavigation .menu-sub li.open > a,
    body.fengshui-theme-active #mainNavigation .menu-sub li.active > a,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li > a:hover {
        background: linear-gradient(90deg,rgba(245,199,73,.20),rgba(255,236,175,.08)) !important;
        background-color: rgba(239,190,60,.15) !important;
        color: #fff8df !important;
        border-bottom-color: rgba(255,226,138,.24) !important;
        box-shadow: inset 3px 0 0 #e9b63b !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-sub .menu-icon-badge,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul .menu-icon-badge {
        background: rgba(245,203,84,.13) !important;
        border-color: rgba(255,226,142,.20) !important;
        color: #ffe28a !important;
    }

    body.fengshui-theme-active #mainNavigation .menu-sub .menu-arrow,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul .menu-arrow {
        color: #f5cc62 !important;
    }
}

/* ===== 2026-08-07 FENG SHUI DESKTOP SUBMENU HOVER BRIDGE V4 =====
   Remove hover gaps between parent item and submenu, including nested levels.
   Scoped to Feng Shui desktop only. */
@media (min-width:861px){
    body.fengshui-theme-active #mainNavigation .menu-root > li,
    body.fengshui-theme-active #mainNavigation .sf-menu > li{
        position:relative!important;
        padding-bottom:0!important;
    }

    /* First-level submenu: overlap parent by 2px so there is no dead hover gap. */
    body.fengshui-theme-active #mainNavigation .menu-root > li > .menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root > li > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu > li > ul{
        top:calc(100% - 2px)!important;
        left:0!important;
        margin-top:0!important;
        padding-top:10px!important;
        transform:none!important;
        pointer-events:auto!important;
    }

    /* Invisible hover bridge gives the pointer a forgiving 10px corridor. */
    body.fengshui-theme-active #mainNavigation .menu-root > li > .menu-sub::before,
    body.fengshui-theme-active #mainNavigation .menu-root > li > ul::before,
    body.fengshui-theme-active #mainNavigation .sf-menu > li > ul::before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:-10px!important;
        height:12px!important;
        background:transparent!important;
        pointer-events:auto!important;
    }

    /* Keep first-level submenu visible while pointer/focus is inside it. */
    body.fengshui-theme-active #mainNavigation .menu-root > li:hover > .menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root > li:focus-within > .menu-sub,
    body.fengshui-theme-active #mainNavigation .menu-root > li:hover > ul,
    body.fengshui-theme-active #mainNavigation .menu-root > li:focus-within > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu > li:hover > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu > li:focus-within > ul{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    /* Nested submenu: remove horizontal 8px dead gap and slightly overlap parent. */
    body.fengshui-theme-active #mainNavigation .menu-sub li,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li{
        position:relative!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li > ul{
        top:-6px!important;
        left:calc(100% - 3px)!important;
        margin-left:0!important;
        margin-top:0!important;
        pointer-events:auto!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li > ul::before,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li > ul::before{
        content:""!important;
        position:absolute!important;
        top:0!important;
        bottom:0!important;
        left:-10px!important;
        width:12px!important;
        background:transparent!important;
        pointer-events:auto!important;
    }
    body.fengshui-theme-active #mainNavigation .menu-sub li:hover > ul,
    body.fengshui-theme-active #mainNavigation .menu-sub li:focus-within > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li:hover > ul,
    body.fengshui-theme-active #mainNavigation .sf-menu li ul li:focus-within > ul{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }
}

.fs-symbol-card:hover{color:inherit;text-decoration:none;transform:translateY(-2px);border-color:#e9b44c;box-shadow:0 12px 28px rgba(104,21,38,.10)}


/* ==========================================================
   FENG SHUI MEDIA / INTERACTIVE VIDEO / DOCUMENTS - V6
   ========================================================== */
body.fengshui-theme-active .fs-section-desc{
    margin:6px 0 0;
    color:var(--fs-muted);
    font-size:13px;
    line-height:1.6;
    max-width:760px;
}
body.fengshui-theme-active .fs-media-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
body.fengshui-theme-active .fs-media-card,
body.fengshui-theme-active .fs-interactive,
body.fengshui-theme-active .fs-documents{
    background:linear-gradient(145deg,#fffdfa 0%,#fff6ea 100%);
    border:1px solid #f1d4a4;
    border-radius:20px;
    box-shadow:0 10px 28px rgba(104,21,38,.07);
}
body.fengshui-theme-active .fs-media-card{padding:16px}
body.fengshui-theme-active .fs-media-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding-bottom:11px;
    margin-bottom:12px;
    border-bottom:1px solid #f0d7b0;
}
body.fengshui-theme-active .fs-media-card-head span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#b45309;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
}
body.fengshui-theme-active .fs-media-card-head h3{
    margin:5px 0 0;
    color:#6b1728;
    font-size:17px;
    line-height:1.35;
}
body.fengshui-theme-active .fs-media-card-head>a{
    color:#9f1239;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}
body.fengshui-theme-active .fs-media-images{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}
body.fengshui-theme-active .fs-media-images a,
body.fengshui-theme-active .fs-interactive-album-grid a{
    display:block;
    overflow:hidden;
    border-radius:11px;
    aspect-ratio:4/3;
    background:#f5e7d3;
}
body.fengshui-theme-active .fs-media-images img,
body.fengshui-theme-active .fs-interactive-album-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .25s ease;
}
body.fengshui-theme-active .fs-media-images a:hover img,
body.fengshui-theme-active .fs-interactive-album-grid a:hover img{transform:scale(1.04)}
body.fengshui-theme-active .fs-media-videos{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
body.fengshui-theme-active .fs-media-videos>a{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:12px;
    aspect-ratio:16/9;
    background:#3d0c17;
}
body.fengshui-theme-active .fs-media-videos img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    opacity:.92;
    transition:transform .25s ease,opacity .25s ease;
}
body.fengshui-theme-active .fs-media-videos>a:hover img{transform:scale(1.035);opacity:1}
body.fengshui-theme-active .fs-media-play{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#fbbf24,#f97316);
    color:#6b1728;
    box-shadow:0 7px 22px rgba(0,0,0,.22);
}
body.fengshui-theme-active .fs-interactive,
body.fengshui-theme-active .fs-documents{
    padding:18px;
}
body.fengshui-theme-active .fs-interactive-grid{
    display:grid;
    grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);
    gap:14px;
}
body.fengshui-theme-active .fs-interactive-player{
    border-radius:16px;
    overflow:hidden;
    background:#3d0c17;
    border:1px solid #e5bf87;
}
body.fengshui-theme-active .fs-interactive-frame{
    aspect-ratio:16/9;
    background:#21070d;
}
body.fengshui-theme-active .fs-interactive-frame iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
}
body.fengshui-theme-active .fs-interactive-copy{
    background:linear-gradient(135deg,#fffaf0,#fff2db);
    padding:14px 16px;
}
body.fengshui-theme-active .fs-interactive-copy h3{
    color:#6b1728;
    font-size:17px;
    line-height:1.4;
    margin:0 0 5px;
}
body.fengshui-theme-active .fs-interactive-copy p{
    color:var(--fs-muted);
    font-size:12px;
    line-height:1.55;
    margin:0;
}
body.fengshui-theme-active .fs-interactive-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    max-height:470px;
    overflow:auto;
    padding-right:2px;
}
body.fengshui-theme-active .fs-interactive-item{
    width:100%;
    border:1px solid #efd6ad;
    background:#fffdfa;
    border-radius:12px;
    padding:7px;
    display:grid;
    grid-template-columns:108px 1fr;
    gap:10px;
    align-items:center;
    text-align:left;
    color:#49101d;
    cursor:pointer;
    transition:.2s ease;
}
body.fengshui-theme-active .fs-interactive-item:hover{
    border-color:#e7aa58;
    background:#fff6e8;
}
body.fengshui-theme-active .fs-interactive-item.active{
    border-color:#dc741d;
    background:linear-gradient(100deg,#fff2dc,#ffe8c2);
    box-shadow:inset 4px 0 0 #8b1e2d,0 6px 16px rgba(104,21,38,.08);
}
body.fengshui-theme-active .fs-interactive-item img{
    width:108px;
    height:66px;
    object-fit:cover;
    border-radius:8px;
}
body.fengshui-theme-active .fs-interactive-item strong{
    display:block;
    font-size:12.5px;
    line-height:1.35;
    margin-bottom:5px;
}
body.fengshui-theme-active .fs-interactive-item small{
    color:#9a6b54;
    font-size:10.5px;
}
body.fengshui-theme-active .fs-interactive-album{
    margin-top:16px;
    padding-top:15px;
    border-top:1px solid #ecd3aa;
}
body.fengshui-theme-active .fs-interactive-album-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:8px;
}
body.fengshui-theme-active .fs-doc-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}
body.fengshui-theme-active .fs-doc-card{
    display:flex;
    gap:11px;
    align-items:flex-start;
    padding:13px;
    border:1px solid #efd6ad;
    border-radius:13px;
    background:#fffdfa;
    transition:.2s ease;
}
body.fengshui-theme-active .fs-doc-card:hover{
    transform:translateY(-1px);
    border-color:#e5b061;
    box-shadow:0 8px 18px rgba(104,21,38,.07);
}
body.fengshui-theme-active .fs-doc-badge{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:linear-gradient(135deg,#7f1d2d,#b83223);
    color:#ffd66b;
    text-decoration:none;
    font-weight:800;
}
body.fengshui-theme-active .fs-doc-card h3{
    font-size:13px;
    line-height:1.4;
    margin:1px 0 5px;
}
body.fengshui-theme-active .fs-doc-card h3 a{
    color:#5f1422;
    text-decoration:none;
}
body.fengshui-theme-active .fs-doc-card h3 a:hover{color:#c2410c}
body.fengshui-theme-active .fs-doc-card small{
    color:#8f6b59;
    font-size:10.5px;
}
@media(max-width:980px){
    body.fengshui-theme-active .fs-interactive-grid{grid-template-columns:1fr}
    body.fengshui-theme-active .fs-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.fengshui-theme-active .fs-interactive-album-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:720px){
    body.fengshui-theme-active .fs-media-grid{grid-template-columns:1fr}
    body.fengshui-theme-active .fs-media-images{grid-template-columns:repeat(3,1fr)}
    body.fengshui-theme-active .fs-doc-grid{grid-template-columns:1fr}
    body.fengshui-theme-active .fs-interactive-album-grid{grid-template-columns:repeat(3,1fr)}
    body.fengshui-theme-active .fs-section-heading{align-items:flex-start}
}
@media(max-width:480px){
    body.fengshui-theme-active .fs-media-images{grid-template-columns:repeat(2,1fr)}
    body.fengshui-theme-active .fs-media-videos{grid-template-columns:1fr}
    body.fengshui-theme-active .fs-interactive-item{grid-template-columns:88px 1fr}
    body.fengshui-theme-active .fs-interactive-item img{width:88px;height:58px}
    body.fengshui-theme-active .fs-interactive-album-grid{grid-template-columns:repeat(2,1fr)}
}

/* ==========================================================
   FENG SHUI HEADER ORDER - 18/08/2026
   Keep the shared header markup unchanged and mirror the
   Transport layout order:
       Banner (optional) -> Horizontal Menu -> Clock + Search
   Scope is limited to Feng Shui so other HomeLayout themes
   keep their existing header order and spacing.
   ========================================================== */
body.home-layout-fengshui .transport-header-order-wrap,
body.fengshui-theme-active .transport-header-order-wrap,
body[data-home-layout="fengshui"] .transport-header-order-wrap,
body[data-home-layout="phongthuy"] .transport-header-order-wrap,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap {
    display:flex;
    flex-direction:column;
    width:100%;
    overflow:visible;
}

/* Allow banner and clock/search row inside <header> to be ordered
   together with #mainNavigation without duplicating Razor markup. */
body.home-layout-fengshui .transport-header-order-wrap > header.brand-row-search,
body.fengshui-theme-active .transport-header-order-wrap > header.brand-row-search,
body[data-home-layout="fengshui"] .transport-header-order-wrap > header.brand-row-search,
body[data-home-layout="phongthuy"] .transport-header-order-wrap > header.brand-row-search,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap > header.brand-row-search,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap > header.brand-row-search,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap > header.brand-row-search {
    display:contents;
}

/* 1. Optional wide banner stays at the top. */
body.home-layout-fengshui .transport-header-order-wrap .brand-header-banner-wide,
body.fengshui-theme-active .transport-header-order-wrap .brand-header-banner-wide,
body[data-home-layout="fengshui"] .transport-header-order-wrap .brand-header-banner-wide,
body[data-home-layout="phongthuy"] .transport-header-order-wrap .brand-header-banner-wide,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap .brand-header-banner-wide,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide {
    order:10;
    width:min(1280px,calc(100% - 20px));
    margin-left:auto;
    margin-right:auto;
}

/* 2. Horizontal Feng Shui menu is above clock/search. */
body.home-layout-fengshui .transport-header-order-wrap > #mainNavigation,
body.fengshui-theme-active .transport-header-order-wrap > #mainNavigation,
body[data-home-layout="fengshui"] .transport-header-order-wrap > #mainNavigation,
body[data-home-layout="phongthuy"] .transport-header-order-wrap > #mainNavigation,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap > #mainNavigation,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap > #mainNavigation,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap > #mainNavigation {
    order:20;
    width:100%;
    overflow:visible!important;
}

/* 3. Date/time + search row follows immediately below menu. */
body.home-layout-fengshui .transport-header-order-wrap .brand-row-main,
body.fengshui-theme-active .transport-header-order-wrap .brand-row-main,
body[data-home-layout="fengshui"] .transport-header-order-wrap .brand-row-main,
body[data-home-layout="phongthuy"] .transport-header-order-wrap .brand-row-main,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap .brand-row-main,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap .brand-row-main,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap .brand-row-main {
    order:30;
    width:min(1280px,calc(100% - 20px));
    margin:8px auto 0;
    box-sizing:border-box;
}

/* Submenus must not be clipped after the flex-order change. */
body.home-layout-fengshui .transport-header-order-wrap,
body.home-layout-fengshui .transport-header-order-wrap #mainNavigation,
body.home-layout-fengshui .transport-header-order-wrap #mainNavigation .main-menu-shell,
body.home-layout-fengshui .transport-header-order-wrap #mainNavigation .primary-menu-host,
body.fengshui-theme-active .transport-header-order-wrap,
body.fengshui-theme-active .transport-header-order-wrap #mainNavigation,
body.fengshui-theme-active .transport-header-order-wrap #mainNavigation .main-menu-shell,
body.fengshui-theme-active .transport-header-order-wrap #mainNavigation .primary-menu-host {
    overflow:visible!important;
}

@media (max-width:860px){
    body.home-layout-fengshui .transport-header-order-wrap .brand-row-main,
    body.fengshui-theme-active .transport-header-order-wrap .brand-row-main,
    body[data-home-layout="fengshui"] .transport-header-order-wrap .brand-row-main,
    body[data-home-layout="phongthuy"] .transport-header-order-wrap .brand-row-main,
    body[data-home-layout="phong-thuy"] .transport-header-order-wrap .brand-row-main,
    body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap .brand-row-main,
    body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap .brand-row-main {
        width:calc(100% - 16px);
        margin-top:6px;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI BANNER WIDTH = HORIZONTAL MENU SHELL
   Banner left/right edges align with the 1280px menu shell.
   ========================================================== */
body.home-layout-fengshui .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
body.fengshui-theme-active .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
body[data-home-layout="fengshui"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
body[data-home-layout="phongthuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide {
    width:100% !important;
    max-width:1280px !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

body.home-layout-fengshui .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img,
body.fengshui-theme-active .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img,
body[data-home-layout="fengshui"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img,
body[data-home-layout="phongthuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img,
body[data-home-layout="phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img,
body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img,
body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
    object-fit:contain !important;
    box-sizing:border-box !important;
}

@media (max-width:1280px) {
    body.home-layout-fengshui .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
    body.fengshui-theme-active .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
    body[data-home-layout="fengshui"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
    body[data-home-layout="phongthuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
    body[data-home-layout="phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
    body[data-home-layout="tranhphongthuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide,
    body[data-home-layout="tranh-phong-thuy"] .transport-header-order-wrap .brand-header-banner-wide.inner-header-banner-wide {
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
    }
}


/* ======================================================================
   18/08/2026 - FENG SHUI FEATURE STORY COMPACT
   Muc dich:
   - Thu gon "Bai viet noi bat" de khong chiem ngang toan bo 1280px.
   - Anh ngang gon, khong keo cao khi bai viet co it/khong co Summary.
   - Nhin nhu mot card tin chinh phu tro, gan voi cum Tin chinh ben duoi.
   ====================================================================== */
body.fengshui-theme-active .fs-feature-story{
    width:min(100%,860px)!important;
    max-width:860px!important;
    min-height:0!important;
    grid-template-columns:290px minmax(0,1fr)!important;
    align-items:stretch!important;
    margin:4px 0 14px!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(104,21,38,.075)!important;
}
body.fengshui-theme-active .fs-feature-image{
    display:block!important;
    min-height:0!important;
    height:178px!important;
    overflow:hidden!important;
    background:#f5eadc!important;
}
body.fengshui-theme-active .fs-feature-image img{
    width:100%!important;
    height:178px!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
}
body.fengshui-theme-active .fs-feature-copy{
    min-width:0!important;
    padding:18px 22px!important;
    align-self:center!important;
}
body.fengshui-theme-active .fs-feature-copy .fs-eyebrow{
    font-size:10.5px!important;
    letter-spacing:.075em!important;
}
body.fengshui-theme-active .fs-feature-copy h2{
    margin:6px 0 8px!important;
    font-size:clamp(20px,1.8vw,27px)!important;
    line-height:1.28!important;
    font-weight:850!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
body.fengshui-theme-active .fs-feature-copy p{
    margin:0 0 9px!important;
    font-size:13px!important;
    line-height:1.55!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
body.fengshui-theme-active .fs-feature-copy p:empty{display:none!important}
body.fengshui-theme-active .fs-feature-copy p:empty + .fs-readmore{margin-top:4px!important}
body.fengshui-theme-active .fs-feature-copy .fs-readmore{
    gap:6px!important;
    font-size:12.5px!important;
}

@media(max-width:720px){
    body.fengshui-theme-active .fs-feature-story{
        width:100%!important;
        max-width:none!important;
        grid-template-columns:138px minmax(0,1fr)!important;
        margin:3px 0 12px!important;
        border-radius:14px!important;
    }
    body.fengshui-theme-active .fs-feature-image,
    body.fengshui-theme-active .fs-feature-image img{
        height:128px!important;
        min-height:0!important;
    }
    body.fengshui-theme-active .fs-feature-copy{padding:12px 14px!important}
    body.fengshui-theme-active .fs-feature-copy h2{
        font-size:18px!important;
        margin:4px 0 6px!important;
        -webkit-line-clamp:2!important;
    }
    body.fengshui-theme-active .fs-feature-copy p{display:none!important}
    body.fengshui-theme-active .fs-feature-copy .fs-readmore{font-size:11.5px!important}
}

@media(max-width:460px){
    body.fengshui-theme-active .fs-feature-story{grid-template-columns:112px minmax(0,1fr)!important}
    body.fengshui-theme-active .fs-feature-image,
    body.fengshui-theme-active .fs-feature-image img{height:112px!important}
    body.fengshui-theme-active .fs-feature-copy{padding:10px 11px!important}
    body.fengshui-theme-active .fs-feature-copy .fs-eyebrow{font-size:9px!important}
    body.fengshui-theme-active .fs-feature-copy h2{font-size:16px!important;line-height:1.25!important}
    body.fengshui-theme-active .fs-feature-copy .fs-readmore{font-size:10.5px!important}
}

/* ======================================================================
   18/08/2026 - FENG SHUI SHOWROOM / FEATURE STORY REBALANCE
   Scope: Trang chu Kieu Tranh Phong Thuy.
   Muc tieu: khu "Linh vuc Phong Thuy / Chuyen muc noi bat" co cam giac
   nhu phong trung bay san pham; anh ro, card sang, gon va hien dai.
   ====================================================================== */
body.fengshui-theme-active .fs-feature-story{
    width:min(100%,1040px)!important;
    max-width:1040px!important;
    grid-template-columns:430px minmax(0,1fr)!important;
    margin:8px 0 18px!important;
    border-radius:20px!important;
    border:1px solid rgba(173,111,28,.20)!important;
    background:linear-gradient(135deg,#fffefb 0%,#fff8e9 100%)!important;
    box-shadow:0 12px 32px rgba(104,21,38,.09)!important;
}
body.fengshui-theme-active .fs-feature-image,
body.fengshui-theme-active .fs-feature-image img{
    height:248px!important;
    min-height:0!important;
}
body.fengshui-theme-active .fs-feature-image img{object-fit:cover!important}
body.fengshui-theme-active .fs-feature-copy{padding:24px 28px!important}
body.fengshui-theme-active .fs-feature-copy h2{
    font-size:clamp(24px,2.1vw,32px)!important;
    line-height:1.24!important;
    margin:7px 0 10px!important;
}
body.fengshui-theme-active .fs-feature-copy p{
    font-size:13.5px!important;
    line-height:1.6!important;
    -webkit-line-clamp:3!important;
}

body.fengshui-theme-active .fs-showroom-section{
    position:relative;
    overflow:hidden;
    margin-top:20px!important;
    padding:24px!important;
    border:1px solid rgba(180,126,39,.22);
    border-radius:24px;
    background:
      radial-gradient(circle at 7% 5%,rgba(224,169,52,.11),transparent 24%),
      radial-gradient(circle at 94% 6%,rgba(134,29,47,.07),transparent 25%),
      linear-gradient(180deg,#fffdf8 0%,#fff8e9 100%);
    box-shadow:0 14px 36px rgba(91,32,29,.075);
}
body.fengshui-theme-active .fs-showroom-section:before{
    content:"";
    position:absolute;
    left:24px;right:24px;top:0;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,#6b1425,#b72a2f 44%,#dda51f 100%);
}
body.fengshui-theme-active .fs-showroom-section .fs-section-heading{
    position:relative;
    align-items:center;
    margin-bottom:17px;
    padding:1px 2px 12px;
    border-bottom:1px solid rgba(154,92,30,.14);
}
body.fengshui-theme-active .fs-showroom-section .fs-eyebrow{
    color:#a56f13!important;
    font-size:11px!important;
    letter-spacing:.11em!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-section-heading h2{
    margin-top:5px!important;
    font-size:clamp(25px,2.2vw,32px)!important;
    color:#5e1422!important;
    font-weight:900!important;
    letter-spacing:-.015em;
}
body.fengshui-theme-active .fs-showroom-section .fs-section-mark{
    width:46px;height:46px;
    border:1px solid rgba(255,255,255,.72);
    background:linear-gradient(135deg,#ffe9a7,#d49a16)!important;
    box-shadow:0 9px 20px rgba(151,94,11,.18)!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-card{
    position:relative;
    overflow:hidden;
    padding:0!important;
    border-radius:19px!important;
    border:1px solid rgba(155,91,34,.18)!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(79,28,24,.065)!important;
    transform:translateZ(0);
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(191,129,24,.35)!important;
    box-shadow:0 18px 38px rgba(90,25,31,.13)!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-head{
    min-height:58px;
    margin:0!important;
    padding:13px 14px!important;
    border:0!important;
    background:linear-gradient(105deg,#681526 0%,#8f2030 62%,#b4382c 100%);
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-head h3{
    margin:0!important;
    font-size:17px!important;
    line-height:1.28!important;
    font-weight:850!important;
    color:#fff8e9!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-head h3 a{color:#fff8e9!important}
body.fengshui-theme-active .fs-showroom-section .fs-zone-arrow{
    flex:0 0 auto;
    width:32px!important;height:32px!important;
    background:rgba(255,234,167,.16)!important;
    border:1px solid rgba(255,234,167,.28)!important;
    color:#ffe49a!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-lead-image{
    position:relative;
    margin:0!important;
    border-radius:0!important;
    aspect-ratio:16/10!important;
    background:#f3e7d2;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-lead-image:after{
    content:"";
    position:absolute;inset:auto 0 0;height:36%;
    background:linear-gradient(180deg,transparent,rgba(57,15,22,.22));
    pointer-events:none;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-lead-image img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;
    transition:transform .35s ease,filter .35s ease!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-card:hover .fs-zone-lead-image img{
    transform:scale(1.045)!important;
    filter:saturate(1.04) contrast(1.02);
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-card>h4{
    margin:0!important;
    padding:13px 15px 6px!important;
    font-size:16px!important;
    line-height:1.42!important;
    font-weight:850!important;
    color:#4d1d1a!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-card>p{
    margin:0!important;
    padding:0 15px 12px!important;
    font-size:12.5px!important;
    line-height:1.55!important;
    color:#80665e!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-card>p:empty{display:none!important}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links{
    margin:0 15px 9px!important;
    padding:8px 0 0!important;
    border-top:1px solid #eee1ca!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links a{
    position:relative;
    grid-template-columns:10px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px 0!important;
    font-size:12.5px!important;
    line-height:1.4!important;
    color:#59413a!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links a span{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links i{
    color:#c38c18!important;
    font-size:6px!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links a:hover{color:#971e2c!important}

@media(max-width:980px){
    body.fengshui-theme-active .fs-feature-story{
        width:100%!important;
        grid-template-columns:360px minmax(0,1fr)!important;
    }
    body.fengshui-theme-active .fs-feature-image,
    body.fengshui-theme-active .fs-feature-image img{height:220px!important}
    body.fengshui-theme-active .fs-showroom-section{padding:18px!important}
    body.fengshui-theme-active .fs-showroom-section .fs-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
    body.fengshui-theme-active .fs-feature-story{
        grid-template-columns:170px minmax(0,1fr)!important;
        border-radius:15px!important;
    }
    body.fengshui-theme-active .fs-feature-image,
    body.fengshui-theme-active .fs-feature-image img{height:150px!important}
    body.fengshui-theme-active .fs-feature-copy{padding:14px 16px!important}
    body.fengshui-theme-active .fs-feature-copy h2{font-size:19px!important}
    body.fengshui-theme-active .fs-showroom-section{padding:15px 12px!important;border-radius:18px!important}
    body.fengshui-theme-active .fs-showroom-section:before{left:12px;right:12px}
    body.fengshui-theme-active .fs-showroom-section .fs-zone-grid{grid-template-columns:1fr!important;gap:12px!important}
    body.fengshui-theme-active .fs-showroom-section .fs-zone-lead-image{aspect-ratio:16/8!important}
}
@media(max-width:460px){
    body.fengshui-theme-active .fs-feature-story{grid-template-columns:132px minmax(0,1fr)!important}
    body.fengshui-theme-active .fs-feature-image,
    body.fengshui-theme-active .fs-feature-image img{height:126px!important}
    body.fengshui-theme-active .fs-feature-copy{padding:10px 11px!important}
    body.fengshui-theme-active .fs-feature-copy h2{font-size:16px!important}
    body.fengshui-theme-active .fs-showroom-section .fs-section-mark{width:38px;height:38px}
}


/* ======================================================================
   18/08/2026 - FENG SHUI VIP SHOWCASE SLIDER
   - Thay khoi .fs-feature-story 1 bai bang slider tin VIP.
   - Desktop: 3 anh cung luc, moi anh 1 dong tieu de ben duoi.
   - Moi lan truot chuyen ca nhom 3 bai; tu dong + nut Prev/Next + dot.
   ====================================================================== */
body.fengshui-theme-active .fs-vip-showcase{
    position:relative;
    width:100%;
    max-width:1280px;
    margin:10px auto 22px;
    padding:18px 18px 14px;
    overflow:hidden;
    border:1px solid rgba(167,105,25,.22);
    border-radius:22px;
    background:
        radial-gradient(circle at 100% 0,rgba(209,166,74,.12),transparent 30%),
        linear-gradient(180deg,#fffdf8 0%,#fff8e9 100%);
    box-shadow:0 12px 34px rgba(82,23,32,.085);
    box-sizing:border-box;
}
body.fengshui-theme-active .fs-vip-showcase-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin:0 0 13px;
    padding:0 2px 11px;
    border-bottom:1px solid rgba(167,105,25,.16);
}
body.fengshui-theme-active .fs-vip-showcase-head .fs-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#9a2433;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
body.fengshui-theme-active .fs-vip-showcase-head h2{
    margin:4px 0 0;
    color:#561421;
    font-size:clamp(20px,1.85vw,27px);
    line-height:1.2;
    font-weight:900;
}
body.fengshui-theme-active .fs-vip-controls{
    display:flex;
    gap:7px;
    flex:0 0 auto;
}
body.fengshui-theme-active .fs-vip-controls button{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(148,82,20,.22);
    border-radius:50%;
    background:#fff;
    color:#7b1b29;
    cursor:pointer;
    box-shadow:0 5px 14px rgba(79,23,31,.08);
    transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
body.fengshui-theme-active .fs-vip-controls button:hover{
    transform:translateY(-1px);
    color:#fff;
    background:#8d1f2d;
    border-color:#8d1f2d;
}
body.fengshui-theme-active .fs-vip-viewport{
    width:100%;
    overflow:hidden;
}
body.fengshui-theme-active .fs-vip-track{
    display:flex;
    width:100%;
    transition:transform .58s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}
body.fengshui-theme-active .fs-vip-slide{
    flex:0 0 100%;
    min-width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:start;
}
body.fengshui-theme-active .fs-vip-card{
    min-width:0;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(167,105,25,.18);
    border-radius:16px;
    background:#fff;
    box-shadow:0 7px 20px rgba(72,25,31,.065);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.fengshui-theme-active .fs-vip-card:hover{
    transform:translateY(-3px);
    border-color:rgba(172,112,25,.38);
    box-shadow:0 13px 28px rgba(72,25,31,.12);
}
body.fengshui-theme-active .fs-vip-image{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#eadfce;
}
body.fengshui-theme-active .fs-vip-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .45s ease;
}
body.fengshui-theme-active .fs-vip-card:hover .fs-vip-image img{transform:scale(1.035)}
body.fengshui-theme-active .fs-vip-badge{
    position:absolute;
    top:9px;
    left:9px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px 8px;
    border-radius:999px;
    color:#fff8da;
    background:rgba(104,18,31,.90);
    border:1px solid rgba(255,222,135,.48);
    box-shadow:0 3px 10px rgba(0,0,0,.14);
    font-size:9.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.06em;
}
body.fengshui-theme-active .fs-vip-card h3{
    margin:0;
    padding:10px 12px 11px;
    font-size:15.5px;
    line-height:1.35;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-top:1px solid rgba(167,105,25,.10);
}
body.fengshui-theme-active .fs-vip-card h3 a{
    color:#521621!important;
    text-decoration:none!important;
}
body.fengshui-theme-active .fs-vip-card h3 a:hover{color:#a12434!important}
body.fengshui-theme-active .fs-vip-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:18px;
    padding-top:11px;
}
body.fengshui-theme-active .fs-vip-dot{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#d9b87c;
    cursor:pointer;
    transition:width .2s ease,background .2s ease;
}
body.fengshui-theme-active .fs-vip-dot.active{
    width:24px;
    background:#8e1f2d;
}
@media(max-width:900px){
    body.fengshui-theme-active .fs-vip-showcase{padding:15px 14px 12px;border-radius:18px}
    body.fengshui-theme-active .fs-vip-slide{gap:10px}
    body.fengshui-theme-active .fs-vip-card h3{font-size:14px;padding:9px 10px 10px}
}
@media(max-width:720px){
    body.fengshui-theme-active .fs-vip-showcase{margin:8px auto 16px;padding:13px 10px 10px}
    body.fengshui-theme-active .fs-vip-showcase-head{align-items:center;margin-bottom:10px;padding-bottom:9px}
    body.fengshui-theme-active .fs-vip-showcase-head h2{font-size:19px}
    body.fengshui-theme-active .fs-vip-controls button{width:32px;height:32px}
    body.fengshui-theme-active .fs-vip-slide{grid-template-columns:1fr;gap:10px}
    body.fengshui-theme-active .fs-vip-image{aspect-ratio:16/8}
    body.fengshui-theme-active .fs-vip-card h3{font-size:15px}
}\n\n/* ==========================================================\n   18/08/2026 - FENG SHUI FEATURED CATEGORIES / EDITORIAL GALLERY\n   1 lead story + supporting stories with thumbnail, date and link icon.\n   ========================================================== */\nbody.fengshui-theme-active .fs-showroom-section .fs-zone-grid{\n    grid-template-columns:1fr!important;\n    gap:18px!important;\n}\nbody.fengshui-theme-active .fs-showroom-section .fs-editorial-card{\n    padding:0 0 16px!important;\n    overflow:hidden!important;\n}\nbody.fengshui-theme-active .fs-showroom-section .fs-editorial-card .fs-zone-head{\n    margin:0 0 14px!important;\n    padding:12px 16px!important;\n}\nbody.fengshui-theme-active .fs-editorial-layout{\n    display:grid!important;\n    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;\n    gap:18px!important;\n    padding:0 16px!important;\n    align-items:start!important;\n}\nbody.fengshui-theme-active .fs-editorial-lead{min-width:0!important}\nbody.fengshui-theme-active .fs-editorial-lead .fs-zone-lead-image{\n    position:relative!important;\n    aspect-ratio:16/9!important;\n    border-radius:15px!important;\n    box-shadow:0 10px 26px rgba(79,34,20,.10)!important;\n}\nbody.fengshui-theme-active .fs-image-link-icon{\n    position:absolute!important;right:12px!important;bottom:12px!important;\n    width:36px!important;height:36px!important;border-radius:50%!important;\n    display:grid!important;place-items:center!important;\n    background:rgba(91,16,31,.90)!important;color:#fff5d9!important;\n    border:1px solid rgba(255,224,153,.75)!important;\n    box-shadow:0 5px 14px rgba(0,0,0,.18)!important;\n    transition:transform .2s ease,background .2s ease!important;\n}\nbody.fengshui-theme-active .fs-zone-lead-image:hover .fs-image-link-icon{transform:translateY(-2px) rotate(4deg)!important;background:#8f1f2e!important}\nbody.fengshui-theme-active .fs-lead-meta{\n    margin:10px 0 3px!important;display:flex!important;align-items:center!important;gap:6px!important;\n    color:#927858!important;font-size:12px!important;font-weight:600!important;\n}\nbody.fengshui-theme-active .fs-editorial-lead h4{\n    margin:3px 0 5px!important;font-size:20px!important;line-height:1.35!important;\n}\nbody.fengshui-theme-active .fs-editorial-lead h4 a{color:#651525!important}\nbody.fengshui-theme-active .fs-editorial-lead p{\n    margin:0!important;color:#7d6a5e!important;font-size:13px!important;line-height:1.55!important;\n}\nbody.fengshui-theme-active .fs-editorial-side{\n    margin:0!important;padding:0!important;border:0!important;\n    display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;\n}\nbody.fengshui-theme-active .fs-editorial-side .fs-side-news{\n    position:relative!important;display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;\n    gap:10px!important;align-items:center!important;padding:9px!important;min-height:92px!important;\n    border:1px solid #eadcc5!important;border-radius:13px!important;background:#fffdf8!important;\n    box-shadow:0 5px 15px rgba(93,42,25,.05)!important;\n    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;\n}\nbody.fengshui-theme-active .fs-editorial-side .fs-side-news:hover{\n    transform:translateY(-2px)!important;border-color:#d6ae65!important;box-shadow:0 10px 20px rgba(93,42,25,.10)!important;\n}\nbody.fengshui-theme-active .fs-side-thumb{\n    display:block!important;width:94px!important;height:70px!important;border-radius:10px!important;overflow:hidden!important;background:#f3eadf!important;\n}\nbody.fengshui-theme-active .fs-side-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .22s ease!important}\nbody.fengshui-theme-active .fs-side-news:hover .fs-side-thumb img{transform:scale(1.045)!important}\nbody.fengshui-theme-active .fs-side-copy{min-width:0!important;padding-right:16px!important}\nbody.fengshui-theme-active .fs-side-copy strong{\n    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;\n    color:#5f1a27!important;font-size:13.5px!important;line-height:1.38!important;font-weight:700!important;\n}\nbody.fengshui-theme-active .fs-side-copy small{\n    display:flex!important;align-items:center!important;gap:5px!important;margin-top:5px!important;\n    color:#9a846b!important;font-size:11.5px!important;font-weight:500!important;\n}\nbody.fengshui-theme-active .fs-side-link-icon{\n    position:absolute!important;right:8px!important;top:8px!important;color:#b88a3d!important;font-size:11px!important;\n    transition:transform .18s ease,color .18s ease!important;\n}\nbody.fengshui-theme-active .fs-side-news:hover .fs-side-link-icon{transform:translate(2px,-2px)!important;color:#8f1f2e!important}\n@media(max-width:1100px){\n    body.fengshui-theme-active .fs-editorial-layout{grid-template-columns:1fr!important}\n    body.fengshui-theme-active .fs-editorial-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n}\n@media(max-width:720px){\n    body.fengshui-theme-active .fs-editorial-layout{padding:0 10px!important;gap:12px!important}\n    body.fengshui-theme-active .fs-editorial-lead h4{font-size:17px!important}\n    body.fengshui-theme-active .fs-editorial-side{grid-template-columns:1fr!important}\n    body.fengshui-theme-active .fs-editorial-side .fs-side-news{grid-template-columns:100px minmax(0,1fr)!important}\n    body.fengshui-theme-active .fs-side-thumb{width:100px!important;height:72px!important}\n}\n

/* ==========================================================
   18/08/2026 - FENG SHUI EDITORIAL GALLERY: COMPACT SIDE NEWS
   Goal:
   - Secondary news cards stay short and visually balanced.
   - Thumbnails have one fixed ratio and never stretch vertically.
   - Titles clamp to 2 lines; dates remain compact.
   - Missing images keep a stable placeholder box so cards do not jump.
   ========================================================== */

body.home-layout-fengshui .fs-editorial-side-list,
body.fengshui-theme-active .fs-editorial-side-list {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    align-content:start !important;
}

body.home-layout-fengshui .fs-editorial-side-item,
body.fengshui-theme-active .fs-editorial-side-item {
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    min-height:96px !important;
    max-height:112px !important;
    padding:8px !important;
    gap:10px !important;
    align-items:center !important;
    overflow:hidden !important;
    border:1px solid rgba(177,128,30,.20) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fffefb 0%,#fffaf0 100%) !important;
    box-shadow:0 5px 15px rgba(91,45,14,.07) !important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important;
}

body.home-layout-fengshui .fs-editorial-side-item:hover,
body.fengshui-theme-active .fs-editorial-side-item:hover {
    transform:translateY(-2px) !important;
    border-color:rgba(177,128,30,.42) !important;
    box-shadow:0 8px 20px rgba(91,45,14,.11) !important;
}

body.home-layout-fengshui .fs-editorial-side-image,
body.fengshui-theme-active .fs-editorial-side-image {
    position:relative !important;
    display:block !important;
    width:112px !important;
    height:76px !important;
    min-width:112px !important;
    min-height:76px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
    background:
        radial-gradient(circle at 30% 25%,rgba(212,174,82,.18),transparent 35%),
        linear-gradient(135deg,#f8edd7 0%,#efe0bf 100%) !important;
}

body.home-layout-fengshui .fs-editorial-side-image:empty::before,
body.fengshui-theme-active .fs-editorial-side-image:empty::before {
    content:"✦" !important;
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:24px !important;
    color:#a46a16 !important;
    opacity:.65 !important;
}

body.home-layout-fengshui .fs-editorial-side-image img,
body.fengshui-theme-active .fs-editorial-side-image img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    transition:transform .28s ease !important;
}

body.home-layout-fengshui .fs-editorial-side-item:hover .fs-editorial-side-image img,
body.fengshui-theme-active .fs-editorial-side-item:hover .fs-editorial-side-image img {
    transform:scale(1.045) !important;
}

body.home-layout-fengshui .fs-editorial-side-copy,
body.fengshui-theme-active .fs-editorial-side-copy {
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
    overflow:hidden !important;
}

body.home-layout-fengshui .fs-editorial-side-copy h3,
body.home-layout-fengshui .fs-editorial-side-copy h4,
body.fengshui-theme-active .fs-editorial-side-copy h3,
body.fengshui-theme-active .fs-editorial-side-copy h4 {
    margin:0 !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:1.32 !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
    color:#552612 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    max-height:2.64em !important;
}

body.home-layout-fengshui .fs-editorial-side-copy h3 a,
body.home-layout-fengshui .fs-editorial-side-copy h4 a,
body.fengshui-theme-active .fs-editorial-side-copy h3 a,
body.fengshui-theme-active .fs-editorial-side-copy h4 a {
    color:inherit !important;
    text-decoration:none !important;
}

body.home-layout-fengshui .fs-editorial-side-meta,
body.home-layout-fengshui .fs-editorial-side-date,
body.fengshui-theme-active .fs-editorial-side-meta,
body.fengshui-theme-active .fs-editorial-side-date {
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    margin:0 !important;
    font-size:11.5px !important;
    line-height:1.2 !important;
    color:#8b6a4c !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

body.home-layout-fengshui .fs-editorial-side-link,
body.fengshui-theme-active .fs-editorial-side-link {
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    border-radius:50% !important;
    display:inline-grid !important;
    place-items:center !important;
    margin-left:auto !important;
    border:1px solid rgba(150,93,14,.22) !important;
    background:#fff8e8 !important;
    color:#8a4b0f !important;
    font-size:11px !important;
    box-shadow:none !important;
}

/* Harmonize the large/main story with compact side cards */
body.home-layout-fengshui .fs-editorial-main-image,
body.fengshui-theme-active .fs-editorial-main-image {
    aspect-ratio:16/9 !important;
    min-height:0 !important;
    max-height:330px !important;
    overflow:hidden !important;
}

body.home-layout-fengshui .fs-editorial-main-image img,
body.fengshui-theme-active .fs-editorial-main-image img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

@media (max-width:1100px) {
    body.home-layout-fengshui .fs-editorial-side-list,
    body.fengshui-theme-active .fs-editorial-side-list {
        grid-template-columns:1fr !important;
    }

    body.home-layout-fengshui .fs-editorial-side-item,
    body.fengshui-theme-active .fs-editorial-side-item {
        max-height:106px !important;
    }
}

@media (max-width:640px) {
    body.home-layout-fengshui .fs-editorial-side-item,
    body.fengshui-theme-active .fs-editorial-side-item {
        grid-template-columns:96px minmax(0,1fr) !important;
        min-height:88px !important;
        max-height:98px !important;
        padding:7px !important;
        gap:9px !important;
        border-radius:12px !important;
    }

    body.home-layout-fengshui .fs-editorial-side-image,
    body.fengshui-theme-active .fs-editorial-side-image {
        width:96px !important;
        min-width:96px !important;
        height:68px !important;
        min-height:68px !important;
        border-radius:9px !important;
    }

    body.home-layout-fengshui .fs-editorial-side-copy h3,
    body.home-layout-fengshui .fs-editorial-side-copy h4,
    body.fengshui-theme-active .fs-editorial-side-copy h3,
    body.fengshui-theme-active .fs-editorial-side-copy h4 {
        font-size:14px !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI FEATURED CATEGORY COMPACT V2
   IMPORTANT: targets the ACTUAL Razor classes:
   .fs-editorial-layout / .fs-zone-lead-image / .fs-side-news /
   .fs-side-thumb / .fs-side-copy.

   Desktop design: 1 lead + 4 supporting stories (2x2).
   Fixed media heights prevent vertical stretching and layout jumping.
   ========================================================== */
body.fengshui-theme-active .fs-showroom-section .fs-editorial-card{
    padding-bottom:14px!important;
    border-radius:16px!important;
    overflow:hidden!important;
}

body.fengshui-theme-active .fs-showroom-section .fs-editorial-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
    gap:14px!important;
    align-items:start!important;
    padding:0 14px!important;
}

/* Lead story: large enough to be attractive, but never excessively tall. */
body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead{
    min-width:0!important;
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead .fs-zone-lead-image{
    position:relative!important;
    width:100%!important;
    height:238px!important;
    min-height:238px!important;
    max-height:238px!important;
    aspect-ratio:auto!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#f4ead9,#ead8b7)!important;
    box-shadow:0 7px 18px rgba(75,34,20,.10)!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead .fs-zone-lead-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-lead-meta{
    margin:8px 0 2px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    color:#90755b!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead h4{
    margin:3px 0 0!important;
    font-size:17px!important;
    line-height:1.32!important;
    font-weight:750!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-height:2.64em!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead p{
    margin:5px 0 0!important;
    font-size:12px!important;
    line-height:1.42!important;
    color:#806e62!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-height:2.84em!important;
}

/* Supporting stories: exactly a compact 2x2 magazine grid on PC. */
body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side{
    border:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:112px!important;
    gap:10px!important;
    align-content:start!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side > a.fs-side-news{
    position:relative!important;
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:9px!important;
    align-items:center!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:8px!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(171,125,47,.20)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#fffefd 0%,#fff9ee 100%)!important;
    box-shadow:0 4px 12px rgba(79,39,21,.055)!important;
    text-decoration:none!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side > a.fs-side-news:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(178,125,36,.48)!important;
    box-shadow:0 8px 18px rgba(79,39,21,.10)!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-thumb{
    position:relative!important;
    display:block!important;
    width:88px!important;
    height:78px!important;
    min-width:88px!important;
    min-height:78px!important;
    max-height:78px!important;
    margin:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#f3e7d1,#ead7b4)!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
}
/* If markup ever has an empty thumb, keep the exact same dimensions. */
body.fengshui-theme-active .fs-showroom-section .fs-side-thumb:empty::after{
    content:"✦"!important;
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    color:#a66b1c!important;
    font-size:20px!important;
    opacity:.55!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-copy{
    min-width:0!important;
    height:78px!important;
    padding:1px 17px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:hidden!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-copy strong{
    margin:0!important;
    color:#5c1a27!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:720!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-height:2.6em!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-copy small{
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    color:#967e65!important;
    font-size:10.8px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-copy small i{
    margin:0!important;
    font-size:10px!important;
    color:#b88a42!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-link-icon{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#fff4dc!important;
    color:#9b5d16!important;
    font-size:9px!important;
    box-shadow:0 2px 6px rgba(100,55,20,.08)!important;
}
body.fengshui-theme-active .fs-showroom-section .fs-side-link-icon i{
    margin:0!important;
    font-size:9px!important;
    color:inherit!important;
}

/* Tablet: retain compact two-column side grid under the lead. */
@media (max-width:1100px){
    body.fengshui-theme-active .fs-showroom-section .fs-editorial-layout{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead .fs-zone-lead-image{
        height:clamp(220px,38vw,330px)!important;
        min-height:0!important;
        max-height:330px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:104px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side > a.fs-side-news{
        height:104px!important;min-height:104px!important;max-height:104px!important;
    }
}

/* Mobile: one compact row per supporting story, still fixed-height. */
@media (max-width:640px){
    body.fengshui-theme-active .fs-showroom-section .fs-editorial-layout{
        padding:0 9px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-editorial-lead .fs-zone-lead-image{
        height:200px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side{
        grid-template-columns:1fr!important;
        grid-auto-rows:90px!important;
        gap:8px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-zone-links.fs-editorial-side > a.fs-side-news{
        grid-template-columns:100px minmax(0,1fr)!important;
        height:90px!important;min-height:90px!important;max-height:90px!important;
        padding:7px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-side-thumb{
        width:100px!important;min-width:100px!important;height:70px!important;min-height:70px!important;max-height:70px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-side-copy{
        height:70px!important;
    }
    body.fengshui-theme-active .fs-showroom-section .fs-side-copy strong{
        font-size:13.2px!important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI FEATURED CATEGORY HEADER SPACING
   Add breathing room between the colored category heading
   (.fs-zone-head) and the lead/secondary news gallery below.
   ========================================================== */
body.home-layout-fengshui .fs-editorial-card .fs-zone-head,
body.fengshui-theme-active .fs-editorial-card .fs-zone-head {
    margin-bottom:14px !important;
    position:relative !important;
    z-index:2 !important;
}

body.home-layout-fengshui .fs-editorial-card .fs-editorial-layout,
body.fengshui-theme-active .fs-editorial-card .fs-editorial-layout {
    margin-top:0 !important;
}

body.home-layout-fengshui .fs-editorial-card,
body.fengshui-theme-active .fs-editorial-card {
    padding-bottom:14px !important;
}

/* Keep spacing slightly tighter on small screens */
@media (max-width:640px) {
    body.home-layout-fengshui .fs-editorial-card .fs-zone-head,
    body.fengshui-theme-active .fs-editorial-card .fs-zone-head {
        margin-bottom:10px !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI CATEGORY HEADER GAP V2
   IMPORTANT:
   Previous margin-bottom existed but the visual gap was weak because
   both adjacent blocks share the same card background.
   This rule creates a REAL inner gap by padding the content layout.
   ========================================================== */
body.fengshui-theme-active .fs-showroom-section .fs-editorial-card .fs-zone-head,
body.home-layout-fengshui .fs-showroom-section .fs-editorial-card .fs-zone-head {
    margin-bottom:0 !important;
}

body.fengshui-theme-active .fs-showroom-section .fs-editorial-card > .fs-editorial-layout,
body.home-layout-fengshui .fs-showroom-section .fs-editorial-card > .fs-editorial-layout {
    margin-top:0 !important;
    padding-top:16px !important;
}

/* A subtle separator line + air makes the heading/content boundary clearer. */
body.fengshui-theme-active .fs-showroom-section .fs-editorial-card > .fs-editorial-layout::before,
body.home-layout-fengshui .fs-showroom-section .fs-editorial-card > .fs-editorial-layout::before {
    content:none !important;
}

@media (max-width:720px) {
    body.fengshui-theme-active .fs-showroom-section .fs-editorial-card > .fs-editorial-layout,
    body.home-layout-fengshui .fs-showroom-section .fs-editorial-card > .fs-editorial-layout {
        padding-top:12px !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI HOME BANNER: SAFE IMAGE FIT
   Handles mixed upload sizes/aspect ratios without distortion/cropping.
   Main image always fits inside a stable frame; a blurred copy fills the
   remaining space so portrait/small images do not look tiny or empty.
   ========================================================== */
body.home-layout-fengshui .fs-banner,
body.fengshui-theme-active .fs-banner {
    background:linear-gradient(135deg,#4f1020 0%,#7a1d2a 48%,#c98a26 100%) !important;
}

body.home-layout-fengshui .fs-banner-slide,
body.fengshui-theme-active .fs-banner-slide {
    position:relative !important;
    isolation:isolate !important;
    min-width:100% !important;
    height:clamp(270px,25.8vw,330px) !important;
    aspect-ratio:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#2f1118 !important;
}

/* Soft full-frame background generated from the same banner image. */
body.home-layout-fengshui .fs-banner-slide::before,
body.fengshui-theme-active .fs-banner-slide::before {
    content:"" !important;
    position:absolute !important;
    inset:-18px !important;
    z-index:-2 !important;
    background-image:var(--fs-banner-image) !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    filter:blur(18px) saturate(.85) brightness(.62) !important;
    transform:scale(1.08) !important;
    opacity:.78 !important;
}

body.home-layout-fengshui .fs-banner-slide::after,
body.fengshui-theme-active .fs-banner-slide::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    background:linear-gradient(90deg,rgba(35,8,16,.20),rgba(255,244,216,.04),rgba(35,8,16,.20)) !important;
    pointer-events:none !important;
}

body.home-layout-fengshui .fs-banner-slide img,
body.fengshui-theme-active .fs-banner-slide img {
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:auto !important;
    box-shadow:0 0 0 1px rgba(255,239,190,.08),0 8px 28px rgba(28,6,12,.18) !important;
}

/* Normal landscape banners should visually fill more of the stage. */
@media (min-width:721px) {
    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        min-width:min(76%,980px) !important;
    }
}

@media (max-width:720px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        height:clamp(180px,42vw,260px) !important;
        aspect-ratio:auto !important;
    }

    body.home-layout-fengshui .fs-banner-slide::before,
    body.fengshui-theme-active .fs-banner-slide::before {
        filter:blur(13px) saturate(.82) brightness(.60) !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI HOME BANNER: DEFAULT-SLIDER FILL MODE
   Match the default homepage slider behavior:
   - fill the whole frame
   - never distort
   - crop overflow proportionally when image aspect ratio differs
   - no blur/empty side gaps for square or portrait uploads
   ========================================================== */
body.home-layout-fengshui .fs-banner,
body.fengshui-theme-active .fs-banner {
    position:relative !important;
    overflow:hidden !important;
    background:#f3e5cf !important;
}

body.home-layout-fengshui .fs-banner-slide,
body.fengshui-theme-active .fs-banner-slide {
    position:relative !important;
    isolation:auto !important;
    display:block !important;
    min-width:100% !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1280 / 330 !important;
    overflow:hidden !important;
    background:#f3e5cf !important;
}

/* Disable the old Safe-Fit blurred backdrop completely. */
body.home-layout-fengshui .fs-banner-slide::before,
body.home-layout-fengshui .fs-banner-slide::after,
body.fengshui-theme-active .fs-banner-slide::before,
body.fengshui-theme-active .fs-banner-slide::after {
    content:none !important;
    display:none !important;
    background:none !important;
    filter:none !important;
}

body.home-layout-fengshui .fs-banner-slide > img,
body.fengshui-theme-active .fs-banner-slide > img,
body.home-layout-fengshui .fs-banner-slide img,
body.fengshui-theme-active .fs-banner-slide img {
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    box-shadow:none !important;
    transform:none !important;
}

/* Keep the Feng Shui banner harmonious on tablets and phones. */
@media (max-width:900px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        aspect-ratio:16 / 5.6 !important;
    }
}

@media (max-width:640px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        aspect-ratio:16 / 7.2 !important;
        min-height:170px !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI BANNER TALLER + BALANCED CENTER CROP
   Increase stage height slightly and center crop more naturally.
   Keeps fill mode (cover), no distortion, no empty gaps.
   ========================================================== */
body.home-layout-fengshui .fs-banner-slide,
body.fengshui-theme-active .fs-banner-slide {
    aspect-ratio:auto !important;
    height:clamp(360px,31vw,420px) !important;
}

body.home-layout-fengshui .fs-banner-slide img,
body.fengshui-theme-active .fs-banner-slide img {
    object-fit:cover !important;
    object-position:50% 46% !important;
}

/* A little more visual breathing room around the taller stage */
body.home-layout-fengshui .fs-banner,
body.fengshui-theme-active .fs-banner {
    border-radius:24px !important;
    margin-bottom:18px !important;
}

@media (max-width:900px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        height:clamp(280px,42vw,340px) !important;
        aspect-ratio:auto !important;
    }

    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        object-position:50% 48% !important;
    }
}

@media (max-width:640px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        height:clamp(220px,58vw,300px) !important;
        min-height:220px !important;
    }

    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        object-position:50% 50% !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI BANNER CENTER FIT MODE
   User request:
   - image must fit inside slider frame
   - centered horizontally/vertically
   - no distortion
   - not tiny inside the stage
   ========================================================== */
body.home-layout-fengshui .fs-banner-slide,
body.fengshui-theme-active .fs-banner-slide {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#5b1622 0%,#7e2531 52%,#c08b2d 100%) !important;
}

body.home-layout-fengshui .fs-banner-slide img,
body.fengshui-theme-active .fs-banner-slide img {
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:96% !important;
    max-height:94% !important;
    min-width:72% !important;
    min-height:0 !important;
    margin:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    box-shadow:0 8px 30px rgba(39,9,16,.18) !important;
}

/* Square/portrait uploads remain large enough without overflowing the frame. */
@media (min-width:901px) {
    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        max-width:94% !important;
        max-height:92% !important;
        min-width:68% !important;
    }
}

@media (max-width:900px) {
    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        max-width:96% !important;
        max-height:94% !important;
        min-width:76% !important;
    }
}

@media (max-width:640px) {
    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        max-width:98% !important;
        max-height:96% !important;
        min-width:82% !important;
    }
}

/* ==========================================================
   18/08/2026 - FENG SHUI BANNER WIDTH-FIT + VERTICAL CROP
   Target behavior:
   - image always reaches LEFT + RIGHT edges of slider
   - keep original aspect ratio (no distortion)
   - center image
   - if image is taller than frame, crop only TOP/BOTTOM
   - never leave empty side gutters
   ========================================================== */
body.home-layout-fengshui .fs-banner-slide,
body.fengshui-theme-active .fs-banner-slide {
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    background:#5b1622 !important;
}

body.home-layout-fengshui .fs-banner-slide img,
body.fengshui-theme-active .fs-banner-slide img {
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:100% !important;
    height:auto !important;
    min-width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
    object-fit:initial !important;
    object-position:center center !important;
    box-shadow:none !important;
}

/* For very wide images that would become too short:
   allow cover fallback so the frame still stays visually full. */
@supports (object-fit: cover) {
    body.home-layout-fengshui .fs-banner-slide img,
    body.fengshui-theme-active .fs-banner-slide img {
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:50% 50% !important;
        transform:none !important;
        left:0 !important;
        top:0 !important;
    }
}

/* Desktop: taller frame, but still controlled */
body.home-layout-fengshui .fs-banner-slide,
body.fengshui-theme-active .fs-banner-slide {
    height:clamp(370px,31.5vw,430px) !important;
    aspect-ratio:auto !important;
}

@media (max-width:900px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        height:clamp(290px,43vw,350px) !important;
    }
}

@media (max-width:640px) {
    body.home-layout-fengshui .fs-banner-slide,
    body.fengshui-theme-active .fs-banner-slide {
        height:clamp(225px,60vw,305px) !important;
    }
}