﻿/* 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)}
}
