body.bt-home-light-preview {
    --light-bg: #fffdf7;
    --light-bg-soft: #fffefa;
    --light-panel: rgba(255, 255, 253, .96);
    --light-panel-strong: #fffefb;
    --light-line: rgba(159, 126, 76, .22);
    --light-line-strong: rgba(159, 126, 76, .36);
    --light-text: #28241f;
    --light-muted: #756e64;
    --light-gold: #c68a2b;
    --light-gold-dark: #94601c;
    --light-rose: #b96555;
    background:
        radial-gradient(circle at 11% 3%, rgba(255, 234, 187, .25), transparent 29%),
        radial-gradient(circle at 89% 19%, rgba(255, 243, 213, .29), transparent 31%),
        linear-gradient(180deg, #fffdf7 0%, #fffefa 48%, #fffdf5 100%);
    color: var(--light-text);
}

/* =========================================================
   NAVIGATION V6 - AURORA RIBBON
   ========================================================= */
html body {
    --bt-nav-accent: #d18a2d;
    --bt-nav-accent-2: #f0c56f;
    --bt-nav-text: #eee8f5;
    --bt-nav-muted: #b9afc6;
    --bt-nav-surface: rgba(18,11,31,.88);
    --bt-nav-surface-2: rgba(43,24,59,.72);
    --bt-nav-line: rgba(224,192,255,.16);
    --bt-nav-shadow: rgba(0,0,0,.32);
}

html body.bt-home-light-preview {
    --bt-nav-accent: #b96c19;
    --bt-nav-accent-2: #e3ae50;
    --bt-nav-text: #443728;
    --bt-nav-muted: #796a58;
    --bt-nav-surface: rgba(255,254,250,.94);
    --bt-nav-surface-2: rgba(251,235,202,.82);
    --bt-nav-line: rgba(174,113,32,.18);
    --bt-nav-shadow: rgba(113,70,15,.11);
}

@media (min-width:769px) {
    html body .bt-header-pc {
        display:grid !important;
        grid-template-columns:minmax(105px,1fr) auto minmax(210px,1fr) !important;
        align-items:center !important;
        column-gap:20px !important;
    }

    html body .bt-header-pc>.bt-logo { justify-self:start !important; }
    html body .bt-header-pc>.bt-auth { justify-self:end !important; }
    html body .bt-header-mobile { display:none !important; }

    html body .bt-menu {
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
        padding:5px !important;
        overflow:visible !important;
        border:1px solid var(--bt-nav-line) !important;
        border-radius:17px !important;
        background:linear-gradient(135deg,var(--bt-nav-surface),var(--bt-nav-surface-2)) !important;
        box-shadow:0 13px 32px var(--bt-nav-shadow),inset 0 1px 0 rgba(255,255,255,.10) !important;
        backdrop-filter:blur(16px);
        -webkit-backdrop-filter:blur(16px);
    }

    html body .bt-menu::after {
        content:"";
        position:absolute;
        right:20px;
        bottom:-1px;
        left:20px;
        height:2px;
        border-radius:99px;
        background:linear-gradient(90deg,transparent,var(--bt-nav-accent),var(--bt-nav-accent-2),transparent);
        opacity:.75;
        pointer-events:none;
    }

    html body .bt-menu .bt-menu-btn,
    html body .bt-menu .cat-button {
        position:relative !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        min-height:41px !important;
        padding:0 14px !important;
        overflow:hidden !important;
        border:1px solid transparent !important;
        border-radius:12px !important;
        color:var(--bt-nav-text) !important;
        background:transparent !important;
        box-shadow:none !important;
        text-shadow:none !important;
        transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease !important;
    }

    html body .bt-menu .cat-button {
        color:var(--bt-nav-accent) !important;
        border-color:color-mix(in srgb,var(--bt-nav-accent) 24%,transparent) !important;
        background:color-mix(in srgb,var(--bt-nav-accent-2) 15%,transparent) !important;
    }

    html body .bt-menu .bt-menu-btn:hover,
    html body .bt-menu .cat-button:hover,
    html body .bt-menu .bt-menu-btn:focus-visible,
    html body .bt-menu .cat-button:focus-visible {
        color:var(--bt-nav-accent) !important;
        border-color:color-mix(in srgb,var(--bt-nav-accent) 25%,transparent) !important;
        background:color-mix(in srgb,var(--bt-nav-accent-2) 13%,transparent) !important;
        box-shadow:0 7px 17px color-mix(in srgb,var(--bt-nav-accent) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.10) !important;
        transform:translateY(-2px) !important;
    }
}

html body .bt-nav-icon {
    position:relative !important;
    display:inline-grid !important;
    flex:0 0 auto !important;
    width:23px !important;
    height:23px !important;
    place-items:center !important;
    border:1px solid color-mix(in srgb,var(--bt-nav-accent) 34%,transparent) !important;
    border-radius:50% !important;
    color:var(--bt-nav-accent) !important;
    background:color-mix(in srgb,var(--bt-nav-accent-2) 12%,transparent) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 10px color-mix(in srgb,var(--bt-nav-accent) 12%,transparent) !important;
    transition:transform .22s ease,box-shadow .22s ease !important;
}

html body .bt-nav-icon::before {
    display:block !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

html body .bt-nav-icon-book::before { content:"▤" !important;font-size:12px !important; }
html body .bt-nav-icon-spark::before { content:"✦" !important; }
html body .bt-nav-icon-check::before { content:"✓" !important;font-family:Arial,sans-serif !important; }
html body .bt-nav-icon-heart::before { content:"♥" !important;font-size:10px !important; }

html body .bt-menu a:hover .bt-nav-icon,
html body .bt-menu button:hover .bt-nav-icon,
html body .bt-mb-row2 a:hover .bt-nav-icon,
html body .bt-mb-row2 button:hover .bt-nav-icon {
    transform:rotate(-5deg) scale(1.08) !important;
    box-shadow:0 6px 14px color-mix(in srgb,var(--bt-nav-accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.2) !important;
}

html body .bt-nav-chevron {
    display:inline-block !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 1px 0 -2px !important;
    border:0 !important;
    border-right:1.5px solid currentColor !important;
    border-bottom:1.5px solid currentColor !important;
    transform:rotate(45deg) !important;
}

@media (max-width:768px) {
    html body .bt-header-pc { display:none !important; }
    html body .bt-header-mobile {
        display:block !important;
        width:100% !important;
        padding:9px !important;
        overflow:visible !important;
        border:1px solid var(--bt-nav-line) !important;
        border-radius:17px !important;
        background:linear-gradient(145deg,var(--bt-nav-surface),var(--bt-nav-surface-2)) !important;
        box-shadow:0 12px 30px var(--bt-nav-shadow),inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter:blur(15px);
        -webkit-backdrop-filter:blur(15px);
    }

    html body .bt-mb-row1 {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:40px !important;
        padding:0 1px 8px !important;
        border-bottom:1px solid var(--bt-nav-line) !important;
    }

    html body .bt-mb-row1 .bt-logo { padding:2px 5px !important;border:0 !important;background:transparent !important;box-shadow:none !important; }
    html body .bt-mb-row1 .bt-logo-img { height:36px !important; }
    html body .bt-mb-auth { gap:5px !important; }

    html body .bt-mb-auth .bt-btn,
    html body .bt-mb-auth .user-btn,
    html body .bt-theme-toggle-mobile {
        min-height:31px !important;
        height:31px !important;
        padding:0 9px !important;
        border-radius:999px !important;
        font-size:10.5px !important;
    }

    html body .bt-mb-row2 {
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        width:100% !important;
        gap:4px !important;
        padding:6px 0 0 !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    html body .bt-mb-row2 .cat-menu,
    html body .bt-mb-row2>.bt-menu-btn {
        width:100% !important;
        min-width:0 !important;
    }

    html body .bt-mb-row2 .bt-menu-btn,
    html body .bt-mb-row2 .cat-button {
        position:relative !important;
        display:inline-flex !important;
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
        height:48px !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:3px !important;
        padding:3px 1px !important;
        overflow:hidden !important;
        border:1px solid transparent !important;
        border-radius:12px !important;
        color:var(--bt-nav-muted) !important;
        background:color-mix(in srgb,var(--bt-nav-surface) 74%,transparent) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
        font-size:9.5px !important;
        white-space:nowrap !important;
        text-shadow:none !important;
    }

    html body .bt-mb-row2 .cat-button {
        color:var(--bt-nav-accent) !important;
        border-color:color-mix(in srgb,var(--bt-nav-accent) 23%,transparent) !important;
        background:color-mix(in srgb,var(--bt-nav-accent-2) 14%,var(--bt-nav-surface)) !important;
    }

    html body .bt-mb-row2 .bt-menu-btn:hover,
    html body .bt-mb-row2 .cat-button:hover,
    html body .bt-mb-row2 .bt-menu-btn:active,
    html body .bt-mb-row2 .cat-button:active {
        color:var(--bt-nav-accent) !important;
        border-color:color-mix(in srgb,var(--bt-nav-accent) 22%,transparent) !important;
        background:color-mix(in srgb,var(--bt-nav-accent-2) 13%,var(--bt-nav-surface)) !important;
        transform:translateY(-1px) !important;
    }

    html body .bt-mb-row2 .bt-nav-icon { width:21px !important;height:21px !important; }
    html body .bt-mb-row2 .bt-nav-icon::before { font-size:11px !important; }
    html body .bt-mb-row2 .bt-menu-btn::after { display:none !important; }
    html body .bt-mb-row2 .bt-nav-chevron { position:absolute;right:6px;bottom:7px;width:4px !important;height:4px !important;margin:0 !important; }

    html body .bt-mb-row2 .cat-list {
        top:calc(100% + 7px) !important;
        left:0 !important;
        z-index:100000 !important;
        width:min(88vw,340px) !important;
    }
}

@media (max-width:370px) {
    html body .bt-header-mobile { padding:8px 7px !important; }
    html body .bt-mb-row2 { gap:3px !important; }
    html body .bt-mb-row2 .bt-menu-btn,
    html body .bt-mb-row2 .cat-button { min-height:45px !important;height:45px !important;font-size:9px !important; }
    html body .bt-mb-row2 .bt-nav-icon { width:19px !important;height:19px !important; }
}

/* =========================================================
   NAVIGATION V5 - ONE LAYOUT FOR LIGHT AND DARK
   ========================================================= */
body .bt-header-pc {
    align-items: center !important;
}

body .bt-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 5px !important;
    border-radius: 999px !important;
}

body .bt-menu .bt-menu-btn,
body .bt-menu .cat-button,
body .bt-mb-row2 .bt-menu-btn,
body .bt-mb-row2 .cat-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-shadow: none !important;
}

body .bt-menu .bt-menu-btn,
body .bt-menu .cat-button {
    min-height: 39px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
}

body .bt-nav-icon {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    place-items: center;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color .2s ease, transform .2s ease;
}

body .bt-nav-icon::before {
    display: block;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

body .bt-nav-icon-book::before { content:"▤"; font-size:13px; }
body .bt-nav-icon-spark::before { content:"✦"; }
body .bt-nav-icon-check::before { content:"✓"; font-family:Arial,sans-serif; }
body .bt-nav-icon-heart::before { content:"♥"; font-size:11px; }

body .bt-nav-chevron {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -3px 1px 0 -1px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
}

/* Dark palette: same geometry as light */
body:not(.bt-home-light-preview) .bt-menu {
    border: 1px solid rgba(196,181,253,.15) !important;
    background: rgba(20,13,34,.72) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045) !important;
}

body:not(.bt-home-light-preview) .bt-menu .bt-menu-btn,
body:not(.bt-home-light-preview) .bt-menu .cat-button,
body:not(.bt-home-light-preview) .bt-mb-row2 .bt-menu-btn,
body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button {
    color: #e9e3f3 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.bt-home-light-preview) .bt-menu .cat-button,
body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button {
    color: #fff1d0 !important;
    border-color: rgba(234,179,80,.20) !important;
    background: linear-gradient(135deg,rgba(128,75,24,.26),rgba(81,42,92,.26)) !important;
}

body:not(.bt-home-light-preview) .bt-nav-icon {
    color: #efb85b !important;
}

body:not(.bt-home-light-preview) .bt-menu .bt-menu-btn:hover,
body:not(.bt-home-light-preview) .bt-menu .cat-button:hover,
body:not(.bt-home-light-preview) .bt-mb-row2 .bt-menu-btn:hover,
body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button:hover,
body:not(.bt-home-light-preview) .bt-mb-row2 .bt-menu-btn:active,
body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button:active {
    color: #fff !important;
    border-color: rgba(239,184,91,.18) !important;
    background: linear-gradient(135deg,rgba(133,76,30,.27),rgba(91,47,117,.28)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
    transform: translateY(-1px) !important;
}

body:not(.bt-home-light-preview) .bt-menu a:hover .bt-nav-icon,
body:not(.bt-home-light-preview) .bt-menu button:hover .bt-nav-icon {
    color: #ffd889 !important;
    transform: translateY(-1px) scale(1.08);
}

@media (min-width:769px) {
    body .bt-header-pc { display:flex !important; }
    body .bt-header-mobile { display:none !important; }
}

@media (max-width:768px) {
    body .bt-header-pc { display:none !important; }
    body .bt-header-mobile {
        display:block !important;
        width:100% !important;
        padding:9px !important;
        overflow:visible !important;
        border-radius:16px !important;
    }

    body .bt-mb-row1 {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:40px !important;
        padding:0 1px 8px !important;
    }

    body .bt-mb-row1 .bt-logo-img { height:36px !important; }

    body .bt-mb-row2 {
        display:flex !important;
        width:100% !important;
        gap:3px !important;
        padding:5px 0 0 !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    body .bt-mb-row2 .cat-menu,
    body .bt-mb-row2 > .bt-menu-btn {
        flex:1 1 0 !important;
        width:auto !important;
        min-width:0 !important;
    }

    body .bt-mb-row2 .bt-menu-btn,
    body .bt-mb-row2 .cat-button {
        width:100% !important;
        min-width:0 !important;
        min-height:39px !important;
        height:39px !important;
        flex-direction:column !important;
        gap:2px !important;
        padding:2px 1px !important;
        overflow:hidden !important;
        border-radius:10px !important;
        font-size:9.5px !important;
        white-space:nowrap !important;
    }

    body .bt-mb-row2 .bt-nav-icon { width:16px !important;height:14px !important; }
    body .bt-mb-row2 .bt-nav-icon::before { font-size:11px !important; }
    body .bt-mb-row2 .bt-menu-btn::after { display:none !important; }

    body .bt-mb-row2 .cat-list {
        top:calc(100% + 7px) !important;
        left:0 !important;
        z-index:100000 !important;
        width:min(88vw,340px) !important;
    }

    body:not(.bt-home-light-preview) .bt-header-mobile {
        border:1px solid rgba(196,181,253,.13) !important;
        background:linear-gradient(155deg,rgba(17,10,29,.98),rgba(8,5,17,.98)) !important;
        box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body:not(.bt-home-light-preview) .bt-mb-row1 {
        border-bottom:1px solid rgba(196,181,253,.10) !important;
    }

    body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button {
        background:linear-gradient(135deg,rgba(132,77,27,.30),rgba(91,47,117,.28)) !important;
    }
}

body.bt-home-light-preview .bt-header {
    background:
        radial-gradient(circle at 18% 0, rgba(255, 232, 183, .27), transparent 27%),
        linear-gradient(180deg, rgba(255,255,253,.99), rgba(255,252,245,.99));
    border-bottom: 1px solid var(--light-line);
    box-shadow: 0 10px 30px rgba(130, 83, 20, .09);
}

body.bt-home-light-preview .bt-header::before {
    background: radial-gradient(circle, rgba(231, 169, 62, .16), transparent 70%);
}

body.bt-home-light-preview .bt-header::after {
    background: linear-gradient(90deg, transparent, rgba(217, 151, 40, .3), rgba(201, 103, 85, .24), transparent);
}

body.bt-home-light-preview .bt-menu .bt-menu-btn,
body.bt-home-light-preview .bt-menu .cat-button,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
body.bt-home-light-preview .bt-mb-row2 .cat-button,
body.bt-home-light-preview .bt-btn,
body.bt-home-light-preview .user-btn {
    color: #302b25 !important;
    border-color: var(--light-line);
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,239,204,.88));
    box-shadow: inset 0 1px 0 #fff, 0 6px 15px rgba(151, 96, 21, .08);
}

body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
body.bt-home-light-preview .bt-menu .cat-button:hover,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
body.bt-home-light-preview .bt-btn:hover,
body.bt-home-light-preview .user-btn:hover {
    color: #6f3e08;
    border-color: rgba(206, 138, 30, .58);
    background: linear-gradient(145deg, #fffdf8, #ffe9b7);
    box-shadow: 0 9px 21px rgba(151, 96, 21, .14);
}

body.bt-home-light-preview .bt-btn-pink {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #e5ad3e, #c67924 58%, #b86445);
}

body.bt-home-light-preview .cat-list,
body.bt-home-light-preview .user-menu,
body.bt-home-light-preview .suggest-box {
    color: var(--light-text);
    border-color: var(--light-line-strong);
    background: rgba(255, 253, 247, .985);
    box-shadow: 0 20px 42px rgba(96, 61, 18, .16);
}

body.bt-home-light-preview .cat-list a,
body.bt-home-light-preview .user-menu a,
body.bt-home-light-preview .suggest-item {
    color: #302b25 !important;
}

body.bt-home-light-preview .cat-list a:hover,
body.bt-home-light-preview .user-menu a:hover,
body.bt-home-light-preview .suggest-item:hover {
    color: #845417 !important;
    background: #fff7e7;
}

body.bt-home-light-preview .bt-search-bar {
    border-bottom: 1px solid rgba(180, 128, 45, .16);
    background: linear-gradient(180deg, rgba(255,253,248,.99), rgba(255,255,252,.99));
}

body.bt-home-light-preview .bt-search-box {
    border-color: rgba(185, 126, 35, .42);
    background: rgba(255, 255, 255, .76);
    box-shadow: inset 0 1px 0 #fff, 0 10px 28px rgba(133, 86, 20, .09);
}

body.bt-home-light-preview .bt-search-box:focus-within {
    border-color: #d79728;
    box-shadow: 0 0 0 3px rgba(231, 177, 72, .16), 0 12px 30px rgba(133, 86, 20, .12);
}

body.bt-home-light-preview .bt-search-input {
    color: #362919;
}

body.bt-home-light-preview .bt-search-input::placeholder {
    color: #99866e;
}

body.bt-home-light-preview .bt-search-btn {
    color: #fff;
    background: linear-gradient(135deg, #e9b94f, #d38a22 58%, #bd6d25);
    box-shadow: 0 8px 18px rgba(180, 108, 21, .22);
}

body.bt-home-light-preview .main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 12px 36px;
    background: transparent;
}

body.bt-home-light-preview .home-page {
    --home-purple: #d79728;
    --home-pink: #c96755;
    --home-panel: var(--light-panel);
    --home-line: var(--light-line);
    color: var(--light-text);
}

body.bt-home-light-preview .home-page .home-section {
    border-color: var(--light-line);
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,253,247,.97));
    box-shadow:
        0 18px 42px rgba(111, 70, 18, .09),
        inset 0 1px 0 rgba(255,255,255,.95);
}

body.bt-home-light-preview .home-page .home-section:hover {
    border-color: rgba(189, 125, 27, .36);
}

body.bt-home-light-preview .home-page .section-title,
body.bt-home-light-preview .home-page .clean-title,
body.bt-home-light-preview .home-page .new-title,
body.bt-home-light-preview .home-page .recent-story-title,
body.bt-home-light-preview .home-page .ranking-story strong {
    color: #29251f;
}

body.bt-home-light-preview .home-page .section-subtitle,
body.bt-home-light-preview .home-page .clean-meta,
body.bt-home-light-preview .home-page .recent-story-meta,
body.bt-home-light-preview .home-page .ranking-story small,
body.bt-home-light-preview .home-page .new-meta-mobile {
    color: var(--light-muted);
}

body.bt-home-light-preview .home-page .suggest-grid .icard {
    border-color: rgba(176, 118, 30, .34);
    background: #fff9ec;
    box-shadow: 0 9px 22px rgba(91, 57, 14, .1);
}

body.bt-home-light-preview .home-page .suggest-grid .icard::before {
    background: linear-gradient(180deg, #edbd5b, #bc6c22);
}

body.bt-home-light-preview .home-page .suggest-grid .icard:hover {
    border-color: rgba(190, 121, 23, .62);
    box-shadow: 0 16px 31px rgba(114, 69, 13, .19);
}

body.bt-home-light-preview .home-page .suggest-grid .ic-info {
    border-color: rgba(255, 228, 170, .32);
    background: linear-gradient(180deg, rgba(47,31,17,.68), rgba(24,15,8,.94));
}

body.bt-home-light-preview .home-page .home-view-all {
    color: #fff;
    border-color: rgba(184, 110, 23, .3);
    background: linear-gradient(135deg, #eab84e, #d38821 56%, #bd6840);
    box-shadow: 0 8px 20px rgba(171, 102, 19, .2);
}

body.bt-home-light-preview .home-page .home-view-all:hover {
    color: #fff;
    box-shadow: 0 12px 26px rgba(171, 102, 19, .3);
}

body.bt-home-light-preview .home-page .recent-story-link {
    color: #3f2f1e;
    border-color: transparent;
}

body.bt-home-light-preview .home-page .recent-story-link:hover {
    color: #7a4409;
    border-color: rgba(190, 126, 29, .32);
    background: rgba(255, 238, 202, .68) !important;
}

body.bt-home-light-preview .home-page #read-pagination .btn-outline {
    color: #64431e;
    border-color: rgba(176, 118, 30, .38);
    background: #fffaf0;
}

body.bt-home-light-preview .home-page .ranking-section {
    border-color: rgba(181, 120, 28, .3);
    background:
        radial-gradient(circle at 0 0, rgba(255, 222, 144, .38), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,226,.94));
}

body.bt-home-light-preview .home-page .ranking-glow-one {
    background: rgba(245, 189, 78, .18);
}

body.bt-home-light-preview .home-page .ranking-glow-two {
    background: rgba(202, 103, 79, .11);
}

body.bt-home-light-preview .home-page .ranking-heading-icon,
body.bt-home-light-preview .home-page .new-release-icon {
    border-color: rgba(192, 126, 25, .38);
    background: linear-gradient(145deg, #fff9e8, #ffe6ad);
    box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(156, 93, 16, .14);
}

body.bt-home-light-preview .home-page .ranking-tabs {
    border-color: rgba(184, 124, 32, .28);
    background: rgba(255, 249, 236, .88);
}

body.bt-home-light-preview .home-page .ranking-tab {
    color: #7d6a51;
}

body.bt-home-light-preview .home-page .ranking-tab:hover {
    color: #7a4409;
}

body.bt-home-light-preview .home-page .ranking-tab.active {
    color: #fff;
    background: linear-gradient(135deg, #e6ad3d, #cc791e 64%, #bb6241);
    box-shadow: 0 7px 17px rgba(171, 102, 19, .21);
}

body.bt-home-light-preview .home-page .ranking-item {
    border-color: rgba(177, 119, 30, .22);
    background: rgba(255, 253, 247, .82);
}

body.bt-home-light-preview .home-page .ranking-item:hover {
    border-color: rgba(190, 125, 24, .5);
    background: #fff4d8;
    box-shadow: 0 11px 24px rgba(117, 73, 17, .12);
}

body.bt-home-light-preview .home-page .tab-big {
    color: #725d43;
    border: 1px solid rgba(179, 119, 29, .25);
    background: rgba(255, 251, 241, .86);
    box-shadow: inset 0 1px 0 #fff;
}

body.bt-home-light-preview .home-page .tab-big.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #e7b343, #cf7f20 58%, #b96143);
    box-shadow: 0 9px 22px rgba(159, 91, 16, .2);
}

body.bt-home-light-preview .home-page .story-grid-item-clean {
    border: 1px solid transparent;
}

body.bt-home-light-preview .home-page .story-grid-item-clean:hover {
    border-color: rgba(181, 120, 28, .22);
    background: rgba(255, 239, 205, .62);
}

body.bt-home-light-preview .home-page .new-release-section {
    border-color: rgba(183, 120, 25, .3);
    background:
        radial-gradient(circle at 100% 0, rgba(255, 228, 170, .16), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.99), rgba(255,253,247,.98));
}

body.bt-home-light-preview .home-page .new-release-section .new-item {
    border-color: rgba(179, 118, 28, .23);
    background: #fffefa !important;
    box-shadow: 0 8px 19px rgba(100, 62, 14, .07);
}

body.bt-home-light-preview .home-page .new-release-section .new-item:hover {
    border-color: rgba(193, 124, 20, .5);
    background: #fff8e9 !important;
    box-shadow: 0 13px 27px rgba(112, 66, 12, .14);
}

body.bt-home-light-preview .home-page .new-release-section .new-item::before {
    background: #d79728;
}

body.bt-home-light-preview .home-page .new-release-section .new-title,
body.bt-home-light-preview .home-page .new-release-section .new-item:hover .new-title {
    color: #29251f !important;
    text-shadow: none;
}

body.bt-home-light-preview .home-page .new-release-section .new-chap {
    color: #6f4a1f;
    border-color: rgba(184, 124, 32, .26);
    background: #fff0cc;
}

body.bt-home-light-preview .home-page .new-release-section .new-genres-pc,
body.bt-home-light-preview .home-page .new-release-section .new-genres-mobile,
body.bt-home-light-preview .home-page .new-release-section .new-genre,
body.bt-home-light-preview .home-page .new-release-section .new-genre-label {
    color: #7c674d;
}

body.bt-home-light-preview .home-page .new-release-section .new-item > a,
body.bt-home-light-preview .home-page .home-layout .new-item > a {
    color: var(--light-text) !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-body {
    color: var(--light-text) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-meta-pc,
body.bt-home-light-preview .home-page .new-release-section .new-meta-mobile {
    color: #6e675e !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-genres-pc,
body.bt-home-light-preview .home-page .new-release-section .new-genres-mobile {
    opacity: 1 !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-genre,
body.bt-home-light-preview .home-page .new-release-section .new-genre-label {
    color: #675f55 !important;
    border-color: #e6dac4 !important;
    background: #faf6ed !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-genres-mobile .new-genre {
    color: inherit !important;
    border: 0 !important;
    background: transparent !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-chap {
    color: #67491f !important;
    border-color: #dfc58f !important;
    background: #fff5dd !important;
}

body.bt-home-light-preview .home-page .new-release-section .tag-full {
    color: #176b3a !important;
    border-color: #9fd5b1 !important;
    background: #e8f7ec !important;
}

body.bt-home-light-preview .home-page .new-release-section .tag-hot {
    color: #a33a42 !important;
    border-color: #e7b5ba !important;
    background: #fff0f1 !important;
}

body.bt-home-light-preview .bt-logo img {
    filter: saturate(.9) contrast(1.04);
}

body.bt-home-light-preview .bt-footer {
    color: #5b4630;
    border-top: 1px solid var(--light-line);
    background:
        radial-gradient(circle at 15% 0, rgba(248, 204, 111, .26), transparent 30%),
        linear-gradient(180deg, #fff6df, #f8e9c9);
}

body.bt-home-light-preview .bt-footer h3,
body.bt-home-light-preview .bt-footer h4 {
    color: #593914;
}

body.bt-home-light-preview .bt-footer p,
body.bt-home-light-preview .bt-footer-bottom {
    color: #806b50;
}

body.bt-home-light-preview .bt-footer-tags a {
    color: #65451f;
    border-color: rgba(177, 116, 25, .28);
    background: rgba(255, 253, 246, .64);
}

body.bt-home-light-preview .bt-footer-tags a:hover {
    color: #7b4207;
    border-color: rgba(177, 116, 25, .48);
    background: #fff6df;
}

@media (max-width: 760px) {
    body.bt-home-light-preview .main {
        padding-top: 14px;
    }

    body.bt-home-light-preview .home-page {
        padding-top: 8px;
    }

    body.bt-home-light-preview .home-page .home-section {
        box-shadow: 0 10px 25px rgba(111, 70, 18, .08), inset 0 1px 0 #fff;
    }
}

/* Truyện Hot: chỉ thay bảng màu, giữ nguyên bố cục bản tối. */
body.bt-home-light-preview .bt-main {
    --hot-red: #cf7c28;
    --hot-orange: #e3ac48;
    --hot-purple: #b67732;
}

body.bt-home-light-preview .bt-main > .container {
    border-color: rgba(171, 130, 58, .25) !important;
    background:
        radial-gradient(620px 220px at 4% 0, rgba(255, 224, 141, .2), transparent 72%),
        radial-gradient(540px 210px at 96% 0, rgba(248, 212, 144, .17), transparent 72%),
        linear-gradient(145deg, #fffefa, #fff9ed) !important;
    box-shadow: 0 20px 48px rgba(91, 65, 18, .1), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .bt-main > .container::before {
    background: linear-gradient(90deg, transparent, #e11d48, #fb4d64, #fb923c, transparent) !important;
    opacity: .78 !important;
}

body.bt-home-light-preview .bt-main .section-title {
    color: #302c27 !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .bt-main .bt-filter {
    border-color: rgba(170, 132, 61, .2) !important;
    background: rgba(255, 250, 237, .9) !important;
    box-shadow: inset 0 1px 7px rgba(112, 79, 20, .05) !important;
}

body.bt-home-light-preview .bt-main .flt {
    color: #5b5043 !important;
    border-color: rgba(170, 132, 61, .25) !important;
    background: #fffdf7 !important;
}

body.bt-home-light-preview .bt-main .flt:hover {
    color: #704614 !important;
    border-color: rgba(194, 141, 47, .48) !important;
    background: #fff3d8 !important;
}

body.bt-home-light-preview .bt-main .flt.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 8px 19px rgba(170, 111, 29, .22), inset 0 1px 0 rgba(255,255,255,.23) !important;
}

body.bt-home-light-preview .bt-main .hot-item > a {
    border-color: rgba(168, 132, 66, .22) !important;
    background: #fffefa !important;
    color: #302c27 !important;
    box-shadow: 0 8px 19px rgba(86, 61, 17, .06), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .bt-main .hot-item > a:hover {
    border-color: rgba(193, 141, 47, .48) !important;
    background: #fff7e5 !important;
    box-shadow: 0 14px 29px rgba(99, 67, 13, .13), 0 0 0 1px rgba(218, 175, 85, .09) !important;
}

body.bt-home-light-preview .bt-main .hot-item > a::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent) !important;
}

body.bt-home-light-preview .bt-main .hot-thumb {
    border-color: rgba(154, 120, 62, .22) !important;
    background: #f4ecdc !important;
    box-shadow: 0 8px 18px rgba(63, 48, 26, .17) !important;
}

body.bt-home-light-preview .bt-main .hot-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .bt-main .hot-meta {
    color: #756c61 !important;
}

body.bt-home-light-preview .bt-main .hot-tags .tag-full {
    color: #fff !important;
    border-color: #168548 !important;
    background: linear-gradient(135deg, #28b765, #148346) !important;
    box-shadow: 0 4px 9px rgba(19,132,69,.17), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

body.bt-home-light-preview .bt-main .hot-tags .tag-hot {
    color: #fff !important;
    border-color: #d43d66 !important;
    background: linear-gradient(135deg, #ff6b8e, #db3d68) !important;
    box-shadow: 0 4px 9px rgba(211,52,99,.17), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

body.bt-home-light-preview .bt-main .hot-tags .tag-hot::before {
    color: #fff !important;
}

body.bt-home-light-preview .bt-main .bt-pagination a,
body.bt-home-light-preview .bt-main .bt-pagination span {
    color: #705027 !important;
    border-color: rgba(184, 137, 54, .36) !important;
    background: #fffaf0 !important;
    box-shadow: 0 4px 10px rgba(112,78,20,.06) !important;
}

body.bt-home-light-preview .bt-main .bt-pagination a:hover,
body.bt-home-light-preview .bt-main .bt-pagination a.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #c47e2c) !important;
    box-shadow: 0 7px 16px rgba(164,103,22,.18) !important;
}

/* Truyện Full: chỉ thay bảng màu, giữ nguyên bố cục bản tối. */
body.bt-home-light-preview .full-page {
    --full-green: #c79337;
    --full-cyan: #dfb85e;
    --full-purple: #b87535;
    color: #302c27;
    border-color: rgba(170, 132, 61, .24) !important;
    background:
        radial-gradient(620px 220px at 4% 0, rgba(255, 225, 146, .18), transparent 72%),
        radial-gradient(500px 190px at 96% 0, rgba(255, 239, 190, .21), transparent 72%),
        linear-gradient(145deg, #fffefa, #fffaf0) !important;
    box-shadow: 0 20px 48px rgba(91, 65, 18, .1), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .full-page::before {
    background: linear-gradient(90deg, transparent, #16a34a, #22c55e, #38bdf8, transparent) !important;
    opacity: .78 !important;
}

body.bt-home-light-preview .full-page .breadcrumb-custom {
    color: #817466 !important;
}

body.bt-home-light-preview .full-page .breadcrumb-custom a,
body.bt-home-light-preview .full-page .breadcrumb-custom i {
    color: #8b5d1f !important;
}

body.bt-home-light-preview .full-page .breadcrumb-custom a:hover {
    color: #ba7521 !important;
}

body.bt-home-light-preview .full-page .section-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .full-page .section-subtitle {
    color: #746b60 !important;
}

body.bt-home-light-preview .full-page .filter-bar-custom {
    border-color: rgba(170, 132, 61, .2) !important;
    background: rgba(255, 250, 237, .88) !important;
    box-shadow: inset 0 1px 7px rgba(112, 79, 20, .05) !important;
}

body.bt-home-light-preview .full-page .filter-btn {
    color: #5b5043 !important;
    border-color: rgba(170, 132, 61, .28) !important;
    background: #fffdf7 !important;
    box-shadow: inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .full-page .filter-btn:hover {
    color: #79521b !important;
    border-color: rgba(194, 141, 47, .48) !important;
    background: #fff3d8 !important;
    box-shadow: 0 6px 14px rgba(139, 89, 15, .1) !important;
}

body.bt-home-light-preview .full-page .filter-btn.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 8px 19px rgba(170, 111, 29, .22), inset 0 1px 0 rgba(255,255,255,.23) !important;
}

body.bt-home-light-preview .full-page .new-item {
    border-color: rgba(168, 132, 66, .22) !important;
    background: #fffefa !important;
    box-shadow: 0 8px 19px rgba(86, 61, 17, .06), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .full-page .new-item:hover {
    border-color: rgba(193, 141, 47, .48) !important;
    background: #fff7e5 !important;
    box-shadow: 0 14px 29px rgba(99, 67, 13, .13), 0 0 0 1px rgba(218, 175, 85, .09) !important;
}

body.bt-home-light-preview .full-page .new-item > a {
    color: #302c27 !important;
    background: transparent !important;
}

body.bt-home-light-preview .full-page .new-item > a::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent) !important;
}

body.bt-home-light-preview .full-page .new-thumb {
    border-color: rgba(154, 120, 62, .22) !important;
    background: #f4ecdc !important;
    box-shadow: 0 8px 18px rgba(63, 48, 26, .17) !important;
}

body.bt-home-light-preview .full-page .new-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .full-page .new-meta-pc,
body.bt-home-light-preview .full-page .new-meta-mobile {
    color: #756c61 !important;
}

body.bt-home-light-preview .full-page .new-genre {
    color: #6d6459 !important;
    border-color: #e7dac1 !important;
    background: #fbf7ee !important;
}

body.bt-home-light-preview .full-page .tag-full {
    color: #fff !important;
    border-color: #168548 !important;
    background: linear-gradient(135deg, #28b765, #148346) !important;
    box-shadow: 0 4px 9px rgba(19,132,69,.17), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

body.bt-home-light-preview .full-page .tag-full::before {
    color: #fff !important;
}

body.bt-home-light-preview .full-page .tag-hot {
    color: #fff !important;
    border-color: #d43d66 !important;
    background: linear-gradient(135deg, #ff6b8e, #db3d68) !important;
    box-shadow: 0 4px 9px rgba(211,52,99,.17), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

body.bt-home-light-preview .full-page .pagination .btn {
    color: #705027 !important;
    border-color: rgba(184, 137, 54, .36) !important;
    background: #fffaf0 !important;
    box-shadow: 0 4px 10px rgba(112,78,20,.06) !important;
}

body.bt-home-light-preview .full-page .pagination a.btn:hover,
body.bt-home-light-preview .full-page .pagination .btn-primary {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #c47e2c) !important;
    box-shadow: 0 7px 16px rgba(164,103,22,.18) !important;
}

/* Truyện Yêu Thích: dùng chung tông sáng nhưng giữ nguyên lưới bìa. */
body.bt-home-light-preview .home-page .suggest-grid .ic-badges .ic.full {
    color: #fff !important;
    border-color: #168548 !important;
    background: linear-gradient(135deg, #28b765, #148346) !important;
    box-shadow: 0 4px 10px rgba(19,132,69,.2), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body.bt-home-light-preview .home-page .suggest-grid .ic-badges .ic.full::before {
    background: #fff !important;
    box-shadow: 0 0 6px rgba(255,255,255,.8) !important;
}

body.bt-home-light-preview .home-page .section-subtitle strong {
    color: #9b661e !important;
}

body.bt-home-light-preview .bt-pagination a,
body.bt-home-light-preview .bt-pagination span {
    color: #705027 !important;
    border-color: rgba(184, 137, 54, .36) !important;
    background: #fffaf0 !important;
    box-shadow: 0 4px 10px rgba(112,78,20,.06) !important;
}

body.bt-home-light-preview .bt-pagination a:hover,
body.bt-home-light-preview .bt-pagination a.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #c47e2c) !important;
    box-shadow: 0 7px 16px rgba(164,103,22,.18) !important;
}

body.bt-home-light-preview .bt-menu .cat-list,
body.bt-home-light-preview .bt-mb-row2 .cat-list {
    scrollbar-color: #b87535 #fffaf0 !important;
}

body.bt-home-light-preview .bt-menu .cat-list::-webkit-scrollbar-track,
body.bt-home-light-preview .bt-mb-row2 .cat-list::-webkit-scrollbar-track {
    background: #fffaf0 !important;
}

body.bt-home-light-preview .bt-menu .cat-list::-webkit-scrollbar-thumb,
body.bt-home-light-preview .bt-mb-row2 .cat-list::-webkit-scrollbar-thumb {
    border-color: #fffaf0 !important;
    background: linear-gradient(180deg, #e0ac4a, #a96828) !important;
    box-shadow: 0 0 7px rgba(180, 117, 37, .35) !important;
}

body.bt-home-light-preview .bt-menu .cat-list::-webkit-scrollbar-thumb:hover,
body.bt-home-light-preview .bt-mb-row2 .cat-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #f0c86c, #b76a25) !important;
}

@media (max-width: 768px) {
    body.bt-home-light-preview .bt-mb-row2 {
        gap: 5px !important;
        padding: 5px !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        min-height: 36px !important;
        height: 36px !important;
        padding-inline: 5px !important;
        border-radius: 8px !important;
        font-size: 11px !important;
    }
}

/* Search results - light theme */
body.bt-home-light-preview .search-title {
    margin: 18px 0 20px !important;
    color: #3b2817 !important;
    font-size: clamp(22px, 2.2vw, 28px) !important;
    letter-spacing: -.02em;
    text-shadow: none !important;
}

body.bt-home-light-preview .search-item {
    position: relative;
    overflow: hidden;
    padding: 16px !important;
    border: 1px solid rgba(183, 116, 29, .27) !important;
    background: linear-gradient(145deg, #fffefa 0%, #fff9ed 100%) !important;
    box-shadow: 0 9px 24px rgba(115, 70, 15, .08) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.bt-home-light-preview .search-item::before {
    content: "";
    position: absolute;
    inset: 13px auto 13px 0;
    width: 3px;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(180deg, #efbd58, #bd721d);
    opacity: .78;
}

body.bt-home-light-preview .search-item:hover {
    transform: translateY(-2px);
    border-color: rgba(181, 109, 24, .5) !important;
    box-shadow: 0 14px 30px rgba(115, 70, 15, .13) !important;
}

body.bt-home-light-preview .search-thumb {
    border: 1px solid rgba(129, 80, 24, .24);
    box-shadow: 0 7px 16px rgba(77, 46, 14, .17);
}

body.bt-home-light-preview .s-title {
    color: #352313 !important;
    text-shadow: none !important;
    transition: color .18s ease;
}

body.bt-home-light-preview .s-title:hover {
    color: #a85f14 !important;
}

body.bt-home-light-preview .s-meta {
    color: #80684e !important;
}

body.bt-home-light-preview .s-desc {
    color: #5a4632 !important;
}

body.bt-home-light-preview .tag {
    border: 1px solid rgba(191, 125, 38, .24) !important;
    color: #704516 !important;
    background: #fff1d5 !important;
}

body.bt-home-light-preview .s-badges {
    margin-top: 5px;
}

body.bt-home-light-preview .s-badges .badge-full {
    border: 1px solid #a8dfb7 !important;
    color: #176f39 !important;
    background: #e9f9ed !important;
    box-shadow: 0 2px 7px rgba(27, 132, 67, .11);
}

body.bt-home-light-preview .s-badges .badge-hot {
    border: 1px solid #f0b5c0 !important;
    color: #bd334c !important;
    background: #fff0f3 !important;
    box-shadow: 0 2px 7px rgba(197, 53, 82, .1);
}

body.bt-home-light-preview .s-badges .badge-vip {
    border: 1px solid #e7c66c !important;
    color: #79520a !important;
    background: #fff4c9 !important;
}

body.bt-home-light-preview .search-title + p {
    padding: 22px;
    border: 1px solid rgba(183, 116, 29, .25);
    border-radius: 14px;
    color: #62472b !important;
    background: #fffaf0;
    text-align: center;
}

body.bt-home-light-preview .pagination a {
    border: 1px solid rgba(176, 108, 26, .26) !important;
    color: #704516 !important;
    background: #fff8e9 !important;
    box-shadow: 0 4px 10px rgba(118, 72, 17, .07);
}

body.bt-home-light-preview .pagination a:hover,
body.bt-home-light-preview .pagination .active {
    border-color: #bd731e !important;
    color: #fff !important;
    background: linear-gradient(100deg, #e9b34c, #c77a22) !important;
}

body.bt-home-light-preview .pagination span {
    color: #8b7255 !important;
}

@media (max-width: 600px) {
    body.bt-home-light-preview .search-title {
        margin: 14px 0 16px !important;
        font-size: 21px !important;
    }

    body.bt-home-light-preview .search-item {
        gap: 12px !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        border-radius: 12px !important;
    }

    body.bt-home-light-preview .search-thumb {
        width: 72px !important;
        height: 100px !important;
        border-radius: 8px !important;
    }

    body.bt-home-light-preview .s-title {
        display: -webkit-box;
        overflow: hidden;
        font-size: 15px !important;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.bt-home-light-preview .s-desc {
        display: -webkit-box;
        max-height: 39px !important;
        overflow: hidden;
        font-size: 12px !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.bt-home-light-preview .tag {
        margin: 2px 3px 2px 0 !important;
        padding: 2px 6px !important;
        font-size: 10px !important;
    }
}

/* Trang Truyện Mới: chỉ thay đổi màu sắc, giữ nguyên bố cục gốc. */
body.bt-home-light-preview .story-new-page {
    color: #302c27 !important;
    border-color: rgba(190, 142, 58, .35) !important;
    background:
        radial-gradient(circle at 94% 8%, rgba(255, 218, 139, .20), transparent 28%),
        linear-gradient(145deg, #fffefa, #fff9ec) !important;
    box-shadow: 0 15px 32px rgba(125, 84, 22, .12) !important;
}

body.bt-home-light-preview .story-new-page::before {
    background: linear-gradient(90deg, transparent, #e7b858, #d08b2f, #f2cd7b, transparent) !important;
    opacity: .8 !important;
}

body.bt-home-light-preview .story-new-page .breadcrumb {
    border-bottom-color: rgba(173, 129, 55, .18) !important;
}

body.bt-home-light-preview .story-new-page .breadcrumb a {
    color: #9d651f !important;
}

body.bt-home-light-preview .story-new-page .breadcrumb span,
body.bt-home-light-preview .story-new-page .section-subtitle,
body.bt-home-light-preview .story-new-page .new-meta-pc,
body.bt-home-light-preview .story-new-page .new-meta-mobile {
    color: #756c61 !important;
}

body.bt-home-light-preview .story-new-page .section-title,
body.bt-home-light-preview .story-new-page .new-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .story-new-page .filter-bar-custom {
    border-color: rgba(184, 117, 53, .24) !important;
    background: rgba(255, 252, 244, .86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

body.bt-home-light-preview .story-new-page .filter-btn {
    border-color: rgba(184, 117, 53, .30) !important;
    background: #fffdf8 !important;
    color: #604621 !important;
}

body.bt-home-light-preview .story-new-page .filter-btn:hover {
    border-color: #cf9132 !important;
    background: #fff3d5 !important;
    color: #68400f !important;
}

body.bt-home-light-preview .story-new-page .filter-btn.active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #cf9132) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(190, 128, 32, .23) !important;
}

body.bt-home-light-preview .story-new-page .genre-select-wrap {
    border-color: rgba(184, 117, 53, .36) !important;
    background: #fffdf8 !important;
    box-shadow: 0 7px 18px rgba(133, 87, 20, .10), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .story-new-page .genre-select-icon {
    color: #c78726 !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .story-new-page .filter-select {
    color: #604621 !important;
}

body.bt-home-light-preview .story-new-page .filter-select option {
    background: #fffdf8 !important;
    color: #4b3922 !important;
}

body.bt-home-light-preview .story-new-page .genre-select-arrow {
    border-color: #9a671f !important;
    filter: none !important;
}

body.bt-home-light-preview .story-new-page .new-item {
    border-color: rgba(184, 117, 53, .26) !important;
    background: linear-gradient(135deg, #fffefa, #fff8e9) !important;
    box-shadow: 0 9px 20px rgba(126, 84, 24, .09) !important;
}

body.bt-home-light-preview .story-new-page .new-item:hover {
    border-color: rgba(207, 145, 50, .70) !important;
    background: #fff5df !important;
    box-shadow: 0 14px 27px rgba(170, 110, 24, .17) !important;
}

body.bt-home-light-preview .story-new-page .new-item > a {
    color: #302c27 !important;
    background: transparent !important;
    border-color: transparent !important;
}

body.bt-home-light-preview .story-new-page .new-item > a::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .78), transparent) !important;
}

body.bt-home-light-preview .story-new-page .new-thumb {
    border-color: rgba(156, 103, 31, .38) !important;
    background: #f0dfbe !important;
}

body.bt-home-light-preview .story-new-page .tag-full {
    background: linear-gradient(135deg, #28b765, #148346) !important;
    color: #fff !important;
}

body.bt-home-light-preview .story-new-page .tag-hot {
    background: linear-gradient(135deg, #ff6b8e, #db3d68) !important;
    color: #fff !important;
}

body.bt-home-light-preview .story-new-page .new-genre {
    border-color: rgba(176, 126, 57, .23) !important;
    background: #fff2d6 !important;
    color: #76542a !important;
}

body.bt-home-light-preview .story-new-page .pagination .btn {
    border-color: rgba(184, 117, 53, .32) !important;
    background: #fffdf8 !important;
    color: #76542a !important;
}

body.bt-home-light-preview .story-new-page .pagination a.btn:hover {
    border-color: #cf9132 !important;
    background: #fff0cf !important;
}

body.bt-home-light-preview .story-new-page .pagination .btn-primary {
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #cf9132) !important;
    color: #fff !important;
    box-shadow: 0 7px 17px rgba(184, 117, 53, .22) !important;
}

body.bt-home-light-preview .story-new-page .home-empty {
    border-color: rgba(184, 117, 53, .35) !important;
    color: #756c61 !important;
    background: #fffaf0 !important;
}

@media (max-width: 390px) {
    body.bt-home-light-preview .bt-mb-row2 {
        gap: 4px !important;
        padding: 4px !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        min-height: 34px !important;
        height: 34px !important;
        font-size: 10px !important;
    }
}

/* Light navigation v2: editorial ivory and bronze */
body.bt-home-light-preview .bt-header-pc {
    padding: 10px 0 !important;
}

body.bt-home-light-preview .bt-menu {
    gap: 7px !important;
    padding: 5px !important;
    border: 1px solid rgba(151,104,43,.15);
    border-radius: 16px;
    background: rgba(255,255,255,.48);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 7px 20px rgba(111,72,20,.06);
}

body.bt-home-light-preview .bt-menu .bt-menu-btn,
body.bt-home-light-preview .bt-menu .cat-button,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
body.bt-home-light-preview .bt-mb-row2 .cat-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: #51412f !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .bt-menu .cat-button,
body.bt-home-light-preview .bt-mb-row2 .cat-button {
    color: #754912 !important;
    border-color: rgba(178,117,35,.20) !important;
    background: linear-gradient(135deg, rgba(255,249,231,.96), rgba(250,228,180,.72)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 10px rgba(128,81,18,.07) !important;
}

body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
body.bt-home-light-preview .bt-menu .cat-button:hover,
body.bt-home-light-preview .bt-menu .bt-menu-btn:focus-visible,
body.bt-home-light-preview .bt-menu .cat-button:focus-visible,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
    color: #70440f !important;
    border-color: rgba(181,116,29,.21) !important;
    background: rgba(255,247,225,.9) !important;
    box-shadow: 0 6px 15px rgba(126,79,15,.09), inset 0 1px 0 #fff !important;
    transform: translateY(-1px) !important;
}

.bt-nav-icon {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 7px;
    color: #b67520;
    background: rgba(255,249,233,.9);
    box-shadow: inset 0 1px 0 #fff, 0 3px 8px rgba(120,76,17,.08);
}

.bt-nav-icon::before {
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.bt-nav-icon-book::before { content: "▤"; font-size: 13px; }
.bt-nav-icon-spark::before { content: "✦"; }
.bt-nav-icon-check::before { content: "✓"; font-family: Arial, sans-serif; }
.bt-nav-icon-heart::before { content: "♥"; font-size: 11px; }

.bt-nav-chevron {
    width: 6px;
    height: 6px;
    margin: -3px 1px 0 -1px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease;
}

.cat-menu.open .bt-nav-chevron,
.cat-button.active .bt-nav-chevron {
    margin-top: 3px;
    transform: rotate(225deg);
}

body.bt-home-light-preview .bt-auth .bt-btn,
body.bt-home-light-preview .bt-auth .user-btn,
body.bt-home-light-preview .bt-theme-toggle {
    border-radius: 12px !important;
}

body.bt-home-light-preview .bt-auth .bt-btn-pink {
    border-color: rgba(145,86,18,.24) !important;
    background: linear-gradient(135deg,#d99a3b,#b96821) !important;
    box-shadow: 0 7px 16px rgba(157,91,18,.18), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

@media (max-width: 768px) {
    body.bt-home-light-preview .bt-header-mobile {
        border-radius: 15px !important;
        background: linear-gradient(155deg, rgba(255,255,255,.97), rgba(252,244,225,.94)) !important;
    }

    body.bt-home-light-preview .bt-mb-row2 {
        display: grid !important;
        grid-template-columns: 1.12fr .82fr .82fr 1.18fr !important;
        padding: 5px !important;
        border-radius: 12px !important;
        background: rgba(244,232,207,.48) !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .cat-menu,
    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        min-height: 38px !important;
        gap: 4px !important;
        padding: 3px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn {
        flex-direction: column;
    }

    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        flex-direction: row;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon {
        width: 17px;
        height: 17px;
        border-radius: 6px;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon::before { font-size: 10px; }
    body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon-book::before { font-size: 11px; }
    body.bt-home-light-preview .bt-mb-row2 .bt-nav-chevron { width: 5px; height: 5px; }

    body.bt-home-light-preview .bt-mb-auth .bt-btn,
    body.bt-home-light-preview .bt-mb-auth .user-btn,
    body.bt-home-light-preview .bt-theme-toggle-mobile {
        border-radius: 10px !important;
    }
}

.bt-theme-toggle {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid rgba(167,139,250,.24);
    border-radius: 999px;
    color: #eee9f8;
    background: linear-gradient(145deg, #21152e, #100a19);
    box-shadow: 0 7px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.bt-theme-toggle:hover {
    border-color: rgba(216,180,254,.46);
    background: linear-gradient(145deg, #342047, #181020);
    box-shadow: 0 10px 22px rgba(0,0,0,.3), 0 0 0 3px rgba(168,85,247,.08);
    transform: translateY(-2px);
}

.bt-theme-toggle-icon {
    font-size: 14px;
    line-height: 1;
}

body.bt-home-light-preview .bt-theme-toggle {
    color: #fff !important;
    border-color: rgba(177,112,24,.34) !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 7px 17px rgba(164,103,22,.18), inset 0 1px 0 rgba(255,255,255,.25) !important;
    text-shadow: 0 1px 1px rgba(92,52,7,.25);
}

body.bt-home-light-preview .bt-theme-toggle:hover {
    border-color: rgba(157,84,27,.5) !important;
    background: linear-gradient(135deg, #d99b3b 0%, #bf742d 56%, #9f5532 100%) !important;
    box-shadow: 0 11px 23px rgba(147,80,19,.25), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

@media (max-width: 768px) {
    .bt-mb-auth {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .bt-theme-toggle-mobile {
        min-height: 34px;
        padding: 7px 9px;
        gap: 5px;
        font-size: 10px;
    }

    .bt-theme-toggle-mobile .bt-theme-toggle-icon {
        font-size: 12px;
    }
}

@media (max-width: 390px) {
    .bt-theme-toggle-mobile {
        width: auto;
        min-width: 72px;
        padding: 6px 8px;
        gap: 4px;
        font-size: 9px;
    }

    .bt-theme-toggle-mobile .bt-theme-toggle-text {
        display: inline;
    }
}

.bt-logo-img {
    transition: filter .28s ease, opacity .28s ease, transform .28s ease;
}

body.bt-home-light-preview .bt-logo-img {
    filter: grayscale(1) sepia(1) saturate(2.6) hue-rotate(346deg) brightness(.72) contrast(1.22) !important;
}

body.bt-home-light-preview .bt-logo:hover .bt-logo-img {
    filter: grayscale(1) sepia(1) saturate(3.1) hue-rotate(346deg) brightness(.78) contrast(1.24) !important;
    transform: translateY(-1px);
}

/* Genre page light theme */
body.bt-home-light-preview .genre-page {
    --genre-purple: #c79337;
    --genre-blue: #b87535;
    --genre-pink: #d6a34a;
    color: #302c27;
    border-color: rgba(170, 132, 61, .24) !important;
    background:
        radial-gradient(620px 220px at 4% 0, rgba(255, 225, 146, .18), transparent 72%),
        radial-gradient(500px 190px at 96% 0, rgba(255, 239, 190, .21), transparent 72%),
        linear-gradient(145deg, #fffefa, #fffaf0) !important;
    box-shadow: 0 20px 48px rgba(91, 65, 18, .1), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .genre-page::before {
    background: linear-gradient(90deg, transparent, #e0ac4a, #c78333, #e4bf70, transparent) !important;
    opacity: .55 !important;
}

body.bt-home-light-preview .genre-page .breadcrumb {
    color: #817466 !important;
}

body.bt-home-light-preview .genre-page .breadcrumb a {
    color: #8b5d1f !important;
}

body.bt-home-light-preview .genre-page .breadcrumb a:hover {
    color: #ba7521 !important;
}

body.bt-home-light-preview .genre-page .breadcrumb span {
    color: #a59480 !important;
}

body.bt-home-light-preview .genre-page .section-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .genre-page .section-subtitle {
    color: #746b60 !important;
}

body.bt-home-light-preview .genre-page .filter-bar-custom {
    border-color: rgba(170, 132, 61, .2) !important;
    background: rgba(255, 250, 237, .88) !important;
    box-shadow: inset 0 1px 7px rgba(112, 79, 20, .05) !important;
}

body.bt-home-light-preview .genre-page .filter-btn {
    color: #5b5043 !important;
    border-color: rgba(170, 132, 61, .28) !important;
    background: #fffdf7 !important;
    box-shadow: inset 0 1px 0 #fff;
}

body.bt-home-light-preview .genre-page .filter-btn:hover {
    color: #79521b !important;
    border-color: rgba(194, 141, 47, .48) !important;
    background: #fff3d8 !important;
    box-shadow: 0 6px 14px rgba(139, 89, 15, .1) !important;
}

body.bt-home-light-preview .genre-page .filter-btn.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 8px 19px rgba(170, 111, 29, .22), inset 0 1px 0 rgba(255,255,255,.23) !important;
}

body.bt-home-light-preview .genre-page .genre-select-wrap {
    border-color: rgba(170, 132, 61, .32) !important;
    background: #fffdf7 !important;
    box-shadow: 0 7px 18px rgba(96, 65, 15, .09), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .genre-page .genre-select-wrap:hover,
body.bt-home-light-preview .genre-page .genre-select-wrap:focus-within {
    border-color: rgba(194, 141, 47, .62) !important;
    box-shadow: 0 0 0 3px rgba(215, 169, 78, .13), 0 10px 23px rgba(108, 72, 14, .12) !important;
}

body.bt-home-light-preview .genre-page .genre-select-icon {
    color: #b47723 !important;
    text-shadow: 0 0 9px rgba(210, 151, 39, .36) !important;
}

body.bt-home-light-preview .genre-page .genre-select-arrow {
    right: 14px !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 2px solid #82511d !important;
    border-bottom: 2px solid #82511d !important;
    filter: drop-shadow(0 1px 0 rgba(255,255,255,.92)) !important;
}

body.bt-home-light-preview .genre-page .filter-select {
    color: #3f3931 !important;
    background: transparent !important;
}

body.bt-home-light-preview .genre-page .filter-select:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

body.bt-home-light-preview .genre-page .filter-select option,
body.bt-home-light-preview .genre-page .filter-select option:checked {
    color: #3f3931;
    background: #fffdf7;
}

body.bt-home-light-preview .genre-page .new-item {
    border-color: rgba(168, 132, 66, .22) !important;
    background: #fffefa !important;
    box-shadow: 0 8px 19px rgba(86, 61, 17, .06), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .genre-page .new-item:hover {
    border-color: rgba(193, 141, 47, .48) !important;
    background: #fff7e5 !important;
    box-shadow: 0 14px 29px rgba(99, 67, 13, .13), 0 0 0 1px rgba(218, 175, 85, .09) !important;
}

body.bt-home-light-preview .genre-page .new-item > a {
    color: #302c27 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.bt-home-light-preview .genre-page .new-item > a::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent) !important;
}

body.bt-home-light-preview .genre-page .new-thumb {
    border-color: rgba(154, 120, 62, .22) !important;
    background: #f4ecdc !important;
    box-shadow: 0 8px 18px rgba(63, 48, 26, .17) !important;
}

body.bt-home-light-preview .genre-page .new-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .genre-page .new-meta-pc,
body.bt-home-light-preview .genre-page .new-meta-mobile {
    color: #756c61 !important;
}

body.bt-home-light-preview .genre-page .new-genre {
    color: #6d6459 !important;
    border-color: #e7dac1 !important;
    background: #fbf7ee !important;
}

body.bt-home-light-preview .genre-page .tag-full {
    color: #fff !important;
    border-color: #168548 !important;
    background: linear-gradient(135deg, #28b765, #148346) !important;
    box-shadow: 0 4px 9px rgba(19,132,69,.17), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

body.bt-home-light-preview .genre-page .tag-hot {
    color: #fff !important;
    border-color: #d43d66 !important;
    background: linear-gradient(135deg, #ff6b8e, #db3d68) !important;
    box-shadow: 0 4px 9px rgba(211,52,99,.17), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

body.bt-home-light-preview .genre-page .pagination .btn {
    color: #705027 !important;
    border-color: rgba(184, 137, 54, .36) !important;
    background: #fffaf0 !important;
    box-shadow: 0 4px 10px rgba(112,78,20,.06) !important;
}

body.bt-home-light-preview .genre-page .pagination a.btn:hover {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #dfa946, #c47e2c) !important;
    box-shadow: 0 7px 16px rgba(164,103,22,.18) !important;
}

body.bt-home-light-preview .genre-page .pagination .btn-primary {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 7px 17px rgba(170,111,29,.22) !important;
}

@media (max-width: 760px) {
    body.bt-home-light-preview .genre-page {
        border-color: rgba(170, 132, 61, .21) !important;
        background: linear-gradient(145deg, #fffefa, #fff9ec) !important;
        box-shadow: 0 12px 27px rgba(91,65,18,.08), inset 0 1px 0 #fff !important;
    }

    body.bt-home-light-preview .genre-page .filter-bar-custom {
        background: #fffaf0 !important;
    }

    body.bt-home-light-preview .genre-page .new-item > a {
        min-height: 116px;
    }
}

body.bt-home-light-preview .home-page .tag.tag-full,
body.bt-home-light-preview .home-page .ic-full.tag-full,
body.bt-home-light-preview .home-page .clean-icons .tag-full,
body.bt-home-light-preview .home-page .new-release-section .tag-full {
    color: #356a3e !important;
    border: 1px solid #afd0aa !important;
    background: linear-gradient(135deg, #f7fff3, #e5f2df) !important;
    box-shadow: 0 2px 6px rgba(74, 104, 50, .11), inset 0 1px 0 rgba(255,255,255,.88) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .home-page .tag.tag-hot,
body.bt-home-light-preview .home-page .ic-hot.tag-hot,
body.bt-home-light-preview .home-page .clean-icons .tag-hot,
body.bt-home-light-preview .home-page .new-release-section .tag-hot {
    color: #945619 !important;
    border: 1px solid #e7bd7b !important;
    background: linear-gradient(135deg, #fffaf0, #f9e6c5) !important;
    box-shadow: 0 2px 6px rgba(143, 91, 28, .11), inset 0 1px 0 rgba(255,255,255,.88) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .home-page .tag.tag-full,
body.bt-home-light-preview .home-page .tag.tag-hot {
    min-height: 20px;
    padding: 3px 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .15px;
}

@media (max-width: 760px) {
    body.bt-home-light-preview .home-page .tag.tag-full,
    body.bt-home-light-preview .home-page .tag.tag-hot {
        min-height: 19px;
        padding: 3px 7px !important;
        font-size: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.bt-home-light-preview *,
    body.bt-home-light-preview *::before,
    body.bt-home-light-preview *::after {
        scroll-behavior: auto !important;
    }
}

/* Pink theme */
body.bt-home-light-preview {
    --light-bg: #fff7fb;
    --light-bg-soft: #fffbfd;
    --light-panel: rgba(255, 252, 254, .97);
    --light-panel-strong: #fffafd;
    --light-line: rgba(190, 87, 139, .22);
    --light-line-strong: rgba(178, 68, 127, .38);
    --light-text: #30242d;
    --light-muted: #7b6875;
    --light-gold: #d64898;
    --light-gold-dark: #a42c72;
    --light-rose: #ee6aa8;
    background:
        radial-gradient(circle at 9% 2%, rgba(255, 182, 216, .25), transparent 30%),
        radial-gradient(circle at 91% 18%, rgba(224, 184, 255, .22), transparent 32%),
        linear-gradient(180deg, #fff8fc 0%, #fffafd 49%, #fff5fa 100%);
    color: var(--light-text);
}

body.bt-home-light-preview .bt-header {
    background:
        radial-gradient(circle at 18% 0, rgba(255, 184, 218, .3), transparent 29%),
        linear-gradient(180deg, rgba(255,252,254,.99), rgba(255,246,251,.99));
    border-bottom-color: rgba(201, 91, 148, .2);
    box-shadow: 0 10px 30px rgba(139, 42, 94, .09);
}

body.bt-home-light-preview .bt-header::before {
    background: radial-gradient(circle, rgba(222, 75, 154, .14), transparent 70%);
}

body.bt-home-light-preview .bt-header::after {
    background: linear-gradient(90deg, transparent, rgba(225, 70, 153, .36), rgba(158, 87, 218, .24), transparent);
}

body.bt-home-light-preview .bt-menu .bt-menu-btn,
body.bt-home-light-preview .bt-menu .cat-button,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
body.bt-home-light-preview .bt-mb-row2 .cat-button,
body.bt-home-light-preview .bt-btn,
body.bt-home-light-preview .user-btn {
    color: #4b2940 !important;
    border-color: rgba(190, 87, 139, .25) !important;
    background: linear-gradient(145deg, #fff, #fff0f8) !important;
    box-shadow: inset 0 1px 0 #fff, 0 7px 17px rgba(149, 45, 99, .09) !important;
}

body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
body.bt-home-light-preview .bt-menu .cat-button:hover,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
body.bt-home-light-preview .bt-btn:hover,
body.bt-home-light-preview .user-btn:hover {
    color: #9c286c !important;
    border-color: rgba(208, 67, 143, .52) !important;
    background: linear-gradient(145deg, #fff, #ffe2f1) !important;
    box-shadow: 0 10px 23px rgba(165, 47, 110, .15) !important;
}

body.bt-home-light-preview .bt-btn-pink,
body.bt-home-light-preview .bt-search-btn,
body.bt-home-light-preview .home-page .home-view-all,
body.bt-home-light-preview .home-page .ranking-tab.active,
body.bt-home-light-preview .home-page .tab-big.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #f05ca8 0%, #d73b93 52%, #9c42d0 100%) !important;
    box-shadow: 0 9px 22px rgba(196, 48, 132, .24) !important;
}

body.bt-home-light-preview .bt-btn-pink:hover,
body.bt-home-light-preview .bt-search-btn:hover,
body.bt-home-light-preview .home-page .home-view-all:hover {
    box-shadow: 0 13px 28px rgba(196, 48, 132, .34) !important;
    filter: saturate(1.06);
}

body.bt-home-light-preview .cat-list,
body.bt-home-light-preview .user-menu,
body.bt-home-light-preview .suggest-box {
    color: var(--light-text);
    border-color: rgba(184, 73, 132, .34);
    background: rgba(255, 250, 253, .99);
    box-shadow: 0 21px 45px rgba(115, 32, 76, .16);
}

body.bt-home-light-preview .cat-list a,
body.bt-home-light-preview .user-menu a,
body.bt-home-light-preview .suggest-item {
    color: #492b40 !important;
}

body.bt-home-light-preview .cat-list a:hover,
body.bt-home-light-preview .user-menu a:hover,
body.bt-home-light-preview .suggest-item:hover {
    color: #a72d73 !important;
    background: #ffeaf5 !important;
}

body.bt-home-light-preview .bt-search-bar {
    border-bottom-color: rgba(190, 87, 139, .16);
    background: linear-gradient(180deg, rgba(255,247,251,.99), rgba(255,252,254,.99));
}

body.bt-home-light-preview .bt-search-box {
    border-color: rgba(188, 77, 136, .42);
    background: rgba(255, 253, 254, .94);
    box-shadow: inset 0 1px 0 #fff, 0 10px 28px rgba(133, 37, 88, .09);
}

body.bt-home-light-preview .bt-search-box:focus-within {
    border-color: #d74798;
    box-shadow: 0 0 0 3px rgba(225, 70, 153, .14), 0 12px 30px rgba(133, 37, 88, .12);
}

body.bt-home-light-preview .bt-search-input {
    color: #392a35;
}

body.bt-home-light-preview .bt-search-input::placeholder {
    color: #9a8492;
}

body.bt-home-light-preview .home-page {
    --home-purple: #c83f91;
    --home-pink: #ec69aa;
    --home-panel: var(--light-panel);
    --home-line: var(--light-line);
    color: var(--light-text);
}

body.bt-home-light-preview .home-page .home-section,
body.bt-home-light-preview .home-page .new-release-section,
body.bt-home-light-preview .home-page .ranking-section {
    border-color: rgba(187, 77, 136, .23) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 190, 222, .15), transparent 31%),
        linear-gradient(145deg, rgba(255,255,255,.99), rgba(255,248,252,.98)) !important;
    box-shadow: 0 18px 43px rgba(122, 34, 80, .09), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .home-page .home-section:hover,
body.bt-home-light-preview .home-page .ranking-section:hover {
    border-color: rgba(205, 68, 141, .4) !important;
}

body.bt-home-light-preview .home-page .section-title,
body.bt-home-light-preview .home-page .clean-title,
body.bt-home-light-preview .home-page .new-title,
body.bt-home-light-preview .home-page .recent-story-title,
body.bt-home-light-preview .home-page .ranking-story strong {
    color: #352730 !important;
}

body.bt-home-light-preview .home-page .section-subtitle,
body.bt-home-light-preview .home-page .clean-meta,
body.bt-home-light-preview .home-page .recent-story-meta,
body.bt-home-light-preview .home-page .ranking-story small,
body.bt-home-light-preview .home-page .new-meta-mobile {
    color: #796b75 !important;
}

body.bt-home-light-preview .home-page .suggest-grid .icard {
    border-color: rgba(192, 72, 136, .32);
    background: #fff8fc;
    box-shadow: 0 9px 22px rgba(118, 31, 77, .1);
}

body.bt-home-light-preview .home-page .suggest-grid .icard::before {
    background: linear-gradient(180deg, #f078b4, #b43d93);
}

body.bt-home-light-preview .home-page .suggest-grid .icard:hover {
    border-color: rgba(211, 63, 143, .58);
    box-shadow: 0 16px 32px rgba(135, 34, 87, .19);
}

body.bt-home-light-preview .home-page .recent-story-link:hover,
body.bt-home-light-preview .home-page .story-grid-item-clean:hover {
    color: #a72d73;
    border-color: rgba(195, 71, 137, .3);
    background: rgba(255, 232, 244, .66) !important;
}

body.bt-home-light-preview .home-page .ranking-heading-icon,
body.bt-home-light-preview .home-page .new-release-icon {
    border-color: rgba(195, 70, 138, .35);
    background: linear-gradient(145deg, #fff7fb, #ffdced);
    box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(145, 37, 94, .14);
}

body.bt-home-light-preview .home-page .ranking-tabs {
    border-color: rgba(190, 76, 137, .25);
    background: #fff5fa;
}

body.bt-home-light-preview .home-page .ranking-tab,
body.bt-home-light-preview .home-page .tab-big {
    color: #735f6c;
    border-color: rgba(190, 76, 137, .23);
    background: rgba(255, 250, 253, .9);
}

body.bt-home-light-preview .home-page .ranking-tab:hover {
    color: #a72d73;
}

body.bt-home-light-preview .home-page .ranking-item {
    border-color: rgba(184, 72, 132, .2);
    background: rgba(255, 252, 254, .9);
}

body.bt-home-light-preview .home-page .ranking-item:hover {
    border-color: rgba(207, 62, 141, .46);
    background: #fff0f8;
    box-shadow: 0 11px 24px rgba(122, 31, 79, .12);
}

body.bt-home-light-preview .home-page .new-release-section .new-item {
    color: var(--light-text) !important;
    border-color: rgba(187, 73, 135, .23) !important;
    background: #fffbfd !important;
    box-shadow: 0 8px 20px rgba(113, 30, 73, .07) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-item:hover {
    border-color: rgba(210, 62, 142, .48) !important;
    background: #fff0f8 !important;
    box-shadow: 0 13px 28px rgba(128, 31, 82, .14) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-item::before {
    background: linear-gradient(180deg, #ef69aa, #b63d91) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-title,
body.bt-home-light-preview .home-page .new-release-section .new-item:hover .new-title {
    color: #332731 !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-genre,
body.bt-home-light-preview .home-page .new-release-section .new-genre-label {
    color: #725e6b !important;
    border-color: #ead2df !important;
    background: #fff5fa !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-chap {
    color: #79305d !important;
    border-color: #e5b7cf !important;
    background: #ffedf6 !important;
}

body.bt-home-light-preview .bt-footer {
    color: #5d4052;
    border-top-color: rgba(190, 76, 137, .2);
    background:
        radial-gradient(circle at 15% 0, rgba(245, 144, 194, .2), transparent 31%),
        linear-gradient(180deg, #fff4fa, #f9e3ef);
}

body.bt-home-light-preview .bt-footer h3,
body.bt-home-light-preview .bt-footer h4 {
    color: #63304e;
}

body.bt-home-light-preview .bt-footer p,
body.bt-home-light-preview .bt-footer-bottom {
    color: #816a78;
}

body.bt-home-light-preview .bt-footer-tags a {
    color: #704059;
    border-color: rgba(184, 70, 131, .25);
    background: rgba(255, 251, 253, .72);
}

body.bt-home-light-preview .bt-footer-tags a:hover {
    color: #a72d73;
    border-color: rgba(204, 62, 140, .46);
    background: #ffeaf5;
}

@media (max-width: 760px) {
    body.bt-home-light-preview {
        background:
            radial-gradient(circle at 50% 0, rgba(255, 187, 220, .22), transparent 25%),
            linear-gradient(180deg, #fff8fc, #fffafd 48%, #fff5fa);
    }

    body.bt-home-light-preview .home-page .home-section,
    body.bt-home-light-preview .home-page .new-release-section,
    body.bt-home-light-preview .home-page .ranking-section {
        box-shadow: 0 10px 26px rgba(122, 34, 80, .09), inset 0 1px 0 #fff !important;
    }
}

body.bt-home-light-preview .home-page .new-release-section .tag.tag-full {
    color: #356a3e !important;
    border-color: #afd0aa !important;
    background: linear-gradient(135deg, #f7fff3, #e5f2df) !important;
    box-shadow: 0 2px 7px rgba(70, 112, 66, .1) !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .home-page .new-release-section .tag.tag-hot {
    color: #945619 !important;
    border-color: #e7bd7b !important;
    background: linear-gradient(135deg, #fffaf0, #f9e6c5) !important;
    box-shadow: 0 2px 7px rgba(155, 99, 31, .1) !important;
    text-shadow: none !important;
}

body.bt-home-light-preview {
    --light-bg: #fffdf6;
    --light-bg-soft: #fffefb;
    --light-panel: rgba(255, 255, 252, .98);
    --light-panel-strong: #fffef9;
    --light-line: rgba(166, 136, 82, .2);
    --light-line-strong: rgba(158, 124, 64, .34);
    --light-text: #2c2924;
    --light-muted: #756f65;
    --light-gold: #c79539;
    --light-gold-dark: #97671f;
    --light-rose: #c87665;
    background:
        radial-gradient(circle at 10% 2%, rgba(255, 237, 190, .2), transparent 30%),
        radial-gradient(circle at 90% 17%, rgba(255, 245, 215, .24), transparent 32%),
        linear-gradient(180deg, #fffdf7 0%, #fffefa 50%, #fffdf5 100%) !important;
    color: var(--light-text);
}

body.bt-home-light-preview .bt-header {
    background:
        radial-gradient(circle at 18% 0, rgba(255, 235, 191, .22), transparent 28%),
        linear-gradient(180deg, rgba(255,255,253,.995), rgba(255,252,244,.995)) !important;
    border-bottom-color: rgba(174, 139, 75, .2) !important;
    box-shadow: 0 10px 30px rgba(111, 82, 31, .08) !important;
}

body.bt-home-light-preview .bt-header::before {
    background: radial-gradient(circle, rgba(222, 177, 81, .11), transparent 70%) !important;
}

body.bt-home-light-preview .bt-header::after {
    background: linear-gradient(90deg, transparent, rgba(213, 166, 73, .26), rgba(208, 146, 100, .18), transparent) !important;
}

body.bt-home-light-preview .bt-menu .bt-menu-btn,
body.bt-home-light-preview .bt-menu .cat-button,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
body.bt-home-light-preview .bt-mb-row2 .cat-button,
body.bt-home-light-preview .bt-btn,
body.bt-home-light-preview .user-btn {
    color: #39342d !important;
    border-color: rgba(168, 132, 67, .24) !important;
    background: linear-gradient(145deg, #fff, #fff9e9) !important;
    box-shadow: inset 0 1px 0 #fff, 0 7px 17px rgba(115, 82, 25, .08) !important;
}

body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
body.bt-home-light-preview .bt-menu .cat-button:hover,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
body.bt-home-light-preview .bt-btn:hover,
body.bt-home-light-preview .user-btn:hover {
    color: #7d5319 !important;
    border-color: rgba(190, 139, 48, .46) !important;
    background: linear-gradient(145deg, #fff, #fff1cb) !important;
    box-shadow: 0 10px 22px rgba(127, 88, 23, .13) !important;
}

body.bt-home-light-preview .bt-btn-pink,
body.bt-home-light-preview .bt-search-btn,
body.bt-home-light-preview .home-page .home-view-all,
body.bt-home-light-preview .home-page .ranking-tab.active,
body.bt-home-light-preview .home-page .tab-big.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 9px 22px rgba(170, 111, 29, .22) !important;
}

body.bt-home-light-preview .cat-list,
body.bt-home-light-preview .user-menu,
body.bt-home-light-preview .suggest-box {
    color: var(--light-text) !important;
    border-color: rgba(164, 127, 61, .31) !important;
    background: rgba(255, 254, 249, .995) !important;
    box-shadow: 0 21px 45px rgba(92, 66, 20, .14) !important;
}

body.bt-home-light-preview .cat-list a,
body.bt-home-light-preview .user-menu a,
body.bt-home-light-preview .suggest-item {
    color: #3f3931 !important;
}

body.bt-home-light-preview .cat-list a:hover,
body.bt-home-light-preview .user-menu a:hover,
body.bt-home-light-preview .suggest-item:hover {
    color: #80551b !important;
    background: #fff5d9 !important;
}

body.bt-home-light-preview .bt-search-bar {
    border-bottom-color: rgba(174, 139, 75, .16) !important;
    background: linear-gradient(180deg, rgba(255,253,247,.995), rgba(255,255,252,.995)) !important;
}

body.bt-home-light-preview .bt-search-box {
    border-color: rgba(171, 132, 61, .37) !important;
    background: rgba(255, 255, 253, .96) !important;
    box-shadow: inset 0 1px 0 #fff, 0 10px 27px rgba(103, 73, 21, .08) !important;
}

body.bt-home-light-preview .bt-search-box:focus-within {
    border-color: #c79337 !important;
    box-shadow: 0 0 0 3px rgba(215, 169, 78, .13), 0 12px 29px rgba(103, 73, 21, .1) !important;
}

body.bt-home-light-preview .bt-search-input {
    color: #38342e !important;
}

body.bt-home-light-preview .bt-search-input::placeholder {
    color: #948a7b !important;
}

body.bt-home-light-preview .home-page {
    --home-purple: #c69236;
    --home-pink: #bd7565;
    color: var(--light-text) !important;
}

body.bt-home-light-preview .home-page .home-section,
body.bt-home-light-preview .home-page .new-release-section,
body.bt-home-light-preview .home-page .ranking-section {
    border-color: rgba(167, 131, 65, .22) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 235, 187, .1), transparent 31%),
        linear-gradient(145deg, #fff, #fffdf8) !important;
    box-shadow: 0 18px 42px rgba(91, 65, 18, .08), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .home-page .section-title,
body.bt-home-light-preview .home-page .clean-title,
body.bt-home-light-preview .home-page .new-title,
body.bt-home-light-preview .home-page .recent-story-title,
body.bt-home-light-preview .home-page .ranking-story strong {
    color: #302c27 !important;
}

body.bt-home-light-preview .home-page .section-subtitle,
body.bt-home-light-preview .home-page .clean-meta,
body.bt-home-light-preview .home-page .recent-story-meta,
body.bt-home-light-preview .home-page .ranking-story small,
body.bt-home-light-preview .home-page .new-meta-mobile {
    color: #756f65 !important;
}

body.bt-home-light-preview .home-page .suggest-grid .icard {
    border-color: rgba(171, 135, 70, .3) !important;
    background: #fff !important;
    box-shadow: 0 9px 22px rgba(82, 59, 18, .1) !important;
}

body.bt-home-light-preview .home-page .suggest-grid .icard::before {
    background: repeating-linear-gradient(180deg, #fff 0, #edf0f3 2px, #fff 3px, #dfe3e8 4px) !important;
    box-shadow: 2px 0 5px rgba(52, 45, 36, .2), inset 1px 0 2px rgba(92, 87, 78, .16) !important;
}

body.bt-home-light-preview .home-page .suggest-grid .icard:hover {
    border-color: rgba(189, 139, 46, .5) !important;
    box-shadow: 0 16px 31px rgba(99, 68, 15, .17) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-item,
body.bt-home-light-preview .home-page .ranking-item {
    color: var(--light-text) !important;
    border-color: rgba(168, 132, 66, .21) !important;
    background: #fffefa !important;
    box-shadow: 0 8px 19px rgba(86, 61, 17, .06) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-item:hover,
body.bt-home-light-preview .home-page .ranking-item:hover {
    border-color: rgba(192, 141, 47, .44) !important;
    background: #fff8e7 !important;
    box-shadow: 0 13px 27px rgba(99, 67, 13, .12) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-item::before {
    background: linear-gradient(180deg, #e3b554, #b9792c) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-title {
    color: #302c27 !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-genre,
body.bt-home-light-preview .home-page .new-release-section .new-genre-label {
    color: #6f685e !important;
    border-color: #e8dcc5 !important;
    background: #fbf7ef !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-genres-pc::before,
body.bt-home-light-preview .home-page .new-release-section .new-genres-mobile::before {
    border-color: #e7bd72 !important;
    background: linear-gradient(145deg, #fffdf5 12%, #ffe7ad 58%, #f2bd5a 100%) !important;
    box-shadow:
        0 0 0 2px rgba(255, 249, 229, .92),
        0 2px 7px rgba(179, 111, 18, .22),
        0 0 10px rgba(239, 184, 76, .18) !important;
}

body.bt-home-light-preview .home-page .new-release-section .new-chap {
    color: #6e4d20 !important;
    border-color: #e2ca98 !important;
    background: #fff5dd !important;
}

body.bt-home-light-preview .home-page .ranking-heading-icon,
body.bt-home-light-preview .home-page .new-release-icon {
    border-color: rgba(178, 136, 57, .34) !important;
    background: linear-gradient(145deg, #fff, #fff1cc) !important;
    box-shadow: inset 0 1px 0 #fff, 0 8px 19px rgba(112, 76, 16, .12) !important;
}

body.bt-home-light-preview .home-page .ranking-tabs,
body.bt-home-light-preview .home-page .tab-big {
    color: #6f665a !important;
    border-color: rgba(170, 132, 61, .23) !important;
    background: #fffaf0 !important;
}

body.bt-home-light-preview .bt-footer {
    color: #5d5143 !important;
    border-top-color: rgba(171, 132, 61, .19) !important;
    background: linear-gradient(180deg, #fff9ea, #f8edd5) !important;
}

@media (max-width: 768px) {
    body.bt-home-light-preview,
    body.bt-home-light-preview .bt-header,
    body.bt-home-light-preview .bt-header-mobile {
        color: var(--light-text) !important;
    }

    body.bt-home-light-preview .bt-header {
        padding: 10px !important;
        background: #fffdf8 !important;
    }

    body.bt-home-light-preview .bt-header-mobile {
        border-color: rgba(166, 128, 58, .22) !important;
        background:
            radial-gradient(260px 90px at 15% 0, rgba(255, 232, 181, .18), transparent 72%),
            linear-gradient(145deg, #fff, #fff9eb) !important;
        box-shadow: 0 14px 35px rgba(92, 65, 17, .11), inset 0 1px 0 #fff !important;
    }

    body.bt-home-light-preview .bt-mb-row1 {
        background: transparent !important;
        box-shadow: none !important;
    }

    body.bt-home-light-preview .bt-mb-row2 {
        border-color: rgba(170, 132, 61, .2) !important;
        background: #fffaf0 !important;
        box-shadow: inset 0 1px 5px rgba(112, 79, 20, .05) !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        color: #3e3830 !important;
        border-color: rgba(168, 130, 60, .21) !important;
        background: #fff !important;
    }

    body.bt-home-light-preview .bt-search-bar {
        background: #fffdf8 !important;
    }

    body.bt-home-light-preview .home-page .home-section,
    body.bt-home-light-preview .home-page .new-release-section,
    body.bt-home-light-preview .home-page .ranking-section {
        background: #fffefa !important;
        box-shadow: 0 10px 24px rgba(91, 65, 18, .07), inset 0 1px 0 #fff !important;
    }
}

body.bt-home-light-preview .home-page .suggest-grid .icard {
    border-radius: 5px 11px 11px 5px !important;
    box-shadow: 0 10px 23px rgba(67, 50, 22, .12), inset -1px 0 0 rgba(255,255,255,.5) !important;
}

body.bt-home-light-preview .home-page .suggest-grid .icard::before {
    top: 4px !important;
    right: -3px !important;
    bottom: 4px !important;
    width: 4px !important;
    border: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    background-image:
        repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(116,105,88,.11) 3px, rgba(116,105,88,.11) 4px),
        linear-gradient(90deg, #d8d3c9 0%, #fffefa 42%, #eee9df 100%) !important;
    box-shadow: 1px 0 3px rgba(64, 52, 34, .18), inset 1px 0 1px rgba(92, 80, 61, .14) !important;
    opacity: .92;
}

body.bt-home-light-preview .home-page .suggest-grid .ic-thumb {
    border-radius: 4px 9px 9px 4px !important;
    box-shadow: inset 4px 0 7px rgba(30,24,16,.24), inset -1px 0 0 rgba(255,255,255,.28) !important;
}

@media (max-width: 760px) {
    body.bt-home-light-preview .home-page .suggest-grid .icard {
        border-radius: 4px 8px 8px 4px !important;
        box-shadow: 0 7px 15px rgba(67, 50, 22, .11), inset -1px 0 0 rgba(255,255,255,.48) !important;
    }

    body.bt-home-light-preview .home-page .suggest-grid .icard::before {
        top: 3px !important;
        right: -2px !important;
        bottom: 3px !important;
        width: 3px !important;
        border-radius: 0 3px 3px 0 !important;
        box-shadow: 1px 0 2px rgba(64, 52, 34, .15), inset 1px 0 1px rgba(92, 80, 61, .12) !important;
    }

    body.bt-home-light-preview .home-page .suggest-grid .ic-thumb {
        border-radius: 3px 7px 7px 3px !important;
    }
}

body.bt-home-light-preview .bt-menu .bt-menu-btn,
body.bt-home-light-preview .bt-menu .cat-button,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
body.bt-home-light-preview .bt-mb-row2 .cat-button {
    color: #fff !important;
    border-color: rgba(177, 112, 24, .34) !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 7px 17px rgba(164, 103, 22, .18), inset 0 1px 0 rgba(255,255,255,.25) !important;
    text-shadow: 0 1px 1px rgba(92, 52, 7, .25) !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}

body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
body.bt-home-light-preview .bt-menu .cat-button:hover,
body.bt-home-light-preview .bt-menu .bt-menu-btn:focus-visible,
body.bt-home-light-preview .bt-menu .cat-button:focus-visible,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
    color: #fff !important;
    border-color: rgba(157, 84, 27, .5) !important;
    background: linear-gradient(135deg, #d99b3b 0%, #bf742d 56%, #9f5532 100%) !important;
    box-shadow: 0 11px 23px rgba(147, 80, 19, .25), inset 0 1px 0 rgba(255,255,255,.2) !important;
    transform: translateY(-2px) !important;
}

body.bt-home-light-preview .home-page .ranking-glow-one {
    background: radial-gradient(circle, rgba(235, 187, 91, .16), transparent 70%) !important;
}

body.bt-home-light-preview .home-page .ranking-glow-two {
    background: radial-gradient(circle, rgba(231, 197, 125, .12), transparent 72%) !important;
}

body.bt-home-light-preview .home-page .ranking-section {
    border-color: rgba(170, 132, 61, .23) !important;
}

@media (max-width: 768px) {
    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        box-shadow: 0 5px 13px rgba(151, 92, 19, .16), inset 0 1px 0 rgba(255,255,255,.24) !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
    body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
    body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
        transform: translateY(-1px) !important;
    }
}

body.bt-home-light-preview {
    background:
        radial-gradient(ellipse at 8% 5%, rgba(255, 225, 146, .3), transparent 34%),
        radial-gradient(ellipse at 94% 20%, rgba(255, 239, 190, .34), transparent 36%),
        radial-gradient(ellipse at 50% 78%, rgba(250, 224, 157, .18), transparent 42%),
        linear-gradient(180deg, #fffbed 0%, #fffdf6 46%, #fff9e8 100%) !important;
}

body.bt-home-light-preview .home-page .ranking-tab.active::before {
    opacity: 1 !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
}

body.bt-home-light-preview .home-page .ranking-tab.active {
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(170, 111, 29, .24), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body.bt-home-light-preview .home-page #read-pagination .btn,
body.bt-home-light-preview .home-page #read-pagination .btn-outline {
    color: #715025 !important;
    border-color: rgba(184, 137, 54, .42) !important;
    background: #fffaf0 !important;
    box-shadow: 0 4px 10px rgba(112, 78, 20, .07) !important;
}

body.bt-home-light-preview .home-page #read-pagination .btn[style*="background"] {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858 0%, #cf9132 55%, #b87535 100%) !important;
    box-shadow: 0 7px 16px rgba(170, 111, 29, .22) !important;
}

body.bt-home-light-preview .home-page .ranking-heading-icon,
body.bt-home-light-preview .home-page .new-release-icon {
    border: 1px solid rgba(184, 132, 42, .48) !important;
    background: linear-gradient(145deg, #fffdf6, #ffe8a9) !important;
    box-shadow: 0 9px 21px rgba(146, 94, 18, .16), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .home-page .ranking-heading-icon::before,
body.bt-home-light-preview .home-page .new-release-icon::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.88), transparent) !important;
}

body.bt-home-light-preview .home-page .ranking-heading-icon svg {
    stroke: #9b6518 !important;
    filter: drop-shadow(0 1px 2px rgba(130, 80, 10, .18)) !important;
}

body.bt-home-light-preview .home-page .ranking-book-pages {
    fill: rgba(255, 216, 118, .35) !important;
    stroke: #a86d18 !important;
}

body.bt-home-light-preview .home-page .ranking-book-lines {
    stroke: #8d641f !important;
    opacity: .92 !important;
}

body.bt-home-light-preview .home-page .ranking-book-spark {
    fill: #dc9827 !important;
    stroke: #fff2be !important;
}

body.bt-home-light-preview .home-page .new-release-icon svg,
body.bt-home-light-preview .home-page .new-release-icon .new-release-pages {
    stroke: #97621c !important;
    filter: drop-shadow(0 1px 2px rgba(130, 80, 10, .15)) !important;
}

body.bt-home-light-preview .home-page .new-release-icon .new-release-book {
    fill: rgba(255, 216, 118, .35) !important;
    stroke: #a86d18 !important;
}

body.bt-home-light-preview .home-page .new-release-icon .new-release-spark {
    fill: #d99020 !important;
    stroke: #fff0b5 !important;
}

body.bt-home-light-preview .home-page .ranking-heading .section-title,
body.bt-home-light-preview .home-page .new-release-section .section-title {
    color: #302c27 !important;
    background: none !important;
    -webkit-text-fill-color: #302c27 !important;
}

@media (max-width: 768px) {
    body.bt-home-light-preview {
        background:
            radial-gradient(ellipse at 50% 0, rgba(255, 226, 151, .29), transparent 29%),
            radial-gradient(ellipse at 100% 45%, rgba(255, 239, 193, .24), transparent 34%),
            linear-gradient(180deg, #fffbed, #fffdf7 50%, #fff9ea) !important;
    }
}

/* Trang chi tiết truyện: tông sáng vàng kem, không thay đổi bố cục hoặc ảnh bìa 3D. */
body.bt-home-light-preview .story-wrapper {
    color: #302c27 !important;
    border-color: rgba(184, 132, 52, .28) !important;
    background:
        radial-gradient(circle at 92% 7%, rgba(255, 219, 143, .22), transparent 27%),
        linear-gradient(145deg, #fffefa, #fff9eb) !important;
    box-shadow: 0 18px 40px rgba(116, 75, 16, .12) !important;
}

body.bt-home-light-preview .story-wrapper::before {
    background: linear-gradient(90deg, transparent, #e5b356, #ca8730, #efc774, transparent) !important;
    opacity: .76 !important;
}

body.bt-home-light-preview .story-wrapper .breadcrumb-box {
    border-color: rgba(178, 129, 55, .23) !important;
    background: rgba(255, 253, 247, .86) !important;
}

body.bt-home-light-preview .story-wrapper .breadcrumb-box a,
body.bt-home-light-preview .story-wrapper .breadcrumb-home {
    color: #9a621d !important;
}

body.bt-home-light-preview .story-wrapper .breadcrumb-sep,
body.bt-home-light-preview .story-wrapper .breadcrumb-title {
    color: #756b5f !important;
}

body.bt-home-light-preview .story-wrapper .story-title {
    color: #3a2b1d !important;
    background: none !important;
    -webkit-text-fill-color: #3a2b1d !important;
}

body.bt-home-light-preview .story-wrapper .left-col {
    border-color: rgba(178, 127, 51, .24) !important;
    background: linear-gradient(180deg, #fffdf7, #fff7e7) !important;
    box-shadow: 0 12px 27px rgba(124, 82, 20, .09) !important;
}

body.bt-home-light-preview .story-wrapper .meta-box,
body.bt-home-light-preview .story-wrapper .meta-box b {
    color: #493823 !important;
}

body.bt-home-light-preview .story-wrapper .meta-box a {
    color: #a1661d !important;
}

body.bt-home-light-preview .story-wrapper .vote-box {
    border-color: rgba(205, 149, 43, .34) !important;
    background: linear-gradient(135deg, #fffaf0, #fff3d8) !important;
}

body.bt-home-light-preview .story-wrapper .vote-stars i {
    color: #a79a88 !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .story-wrapper .vote-stars i.active {
    color: #d89822 !important;
    text-shadow: 0 2px 5px rgba(190, 125, 16, .20) !important;
}

body.bt-home-light-preview .story-wrapper .vote-result {
    color: #68533a !important;
}

body.bt-home-light-preview .story-wrapper .desc-title,
body.bt-home-light-preview .story-wrapper h2 {
    color: #3b2c1d !important;
}

body.bt-home-light-preview .story-wrapper .story-desc {
    border-color: rgba(179, 126, 48, .25) !important;
    background: #fffdf8 !important;
    color: #4c3926 !important;
    box-shadow: inset 3px 0 0 #d49a3e !important;
}

body.bt-home-light-preview .story-wrapper .show-more,
body.bt-home-light-preview .story-wrapper .chapter-list a {
    color: #9a601c !important;
}

body.bt-home-light-preview .story-wrapper .chapter-list li {
    border-color: rgba(178, 126, 49, .23) !important;
    background: #fffdf8 !important;
}

body.bt-home-light-preview .story-wrapper .chapter-list li:hover {
    border-color: rgba(204, 142, 41, .60) !important;
    background: #fff2d8 !important;
}

body.bt-home-light-preview .story-wrapper .btn,
body.bt-home-light-preview .story-wrapper .combo-btn {
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #cf9132) !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(90, 53, 8, .24) !important;
    box-shadow: 0 8px 18px rgba(181, 117, 24, .20) !important;
}

body.bt-home-light-preview .story-wrapper .btn:hover,
body.bt-home-light-preview .story-wrapper .combo-btn:hover {
    background: linear-gradient(135deg, #d99b3b, #ae6d26) !important;
}

body.bt-home-light-preview .story-wrapper .favorite-btn.active {
    background: linear-gradient(135deg, #2cb765, #168646) !important;
}

body.bt-home-light-preview .story-wrapper .combo-box {
    border-color: rgba(183, 131, 43, .30) !important;
    background: linear-gradient(135deg, #fff6de, #fffdf7) !important;
    box-shadow: 0 11px 24px rgba(125, 82, 15, .10) !important;
}

body.bt-home-light-preview .story-wrapper .combo-box::before {
    background: linear-gradient(90deg, #d99c3b, #f4d17a, #c47c29) !important;
}

body.bt-home-light-preview .story-wrapper .combo-title,
body.bt-home-light-preview .story-wrapper .combo-price {
    color: #8e5b17 !important;
}

body.bt-home-light-preview .story-wrapper .combo-old {
    color: #927b5e !important;
}

body.bt-home-light-preview .story-wrapper .combo-sale,
body.bt-home-light-preview .story-wrapper .combo-owned {
    color: #168346 !important;
}

body.bt-home-light-preview .story-related-full {
    background: linear-gradient(180deg, #fff9eb, #fffdf7) !important;
    border-color: rgba(184, 132, 52, .23) !important;
}

body.bt-home-light-preview .story-related-title,
body.bt-home-light-preview .story-related-title .text {
    color: #3a2b1d !important;
}

body.bt-home-light-preview .story-related-title .icon {
    color: #c78328 !important;
}

body.bt-home-light-preview .story-related-card {
    border-color: rgba(180, 126, 44, .25) !important;
    background: #fffefa !important;
    box-shadow: 0 8px 18px rgba(117, 73, 16, .09) !important;
}

body.bt-home-light-preview .story-related-card::before {
    background: linear-gradient(180deg, #e7b858, #bd7729) !important;
}

body.bt-home-light-preview .story-related-card .title {
    border-color: rgba(184, 127, 38, .36) !important;
    background: rgba(62, 38, 16, .88) !important;
    color: #fffdf7 !important;
}

/* Sửa tương phản nội dung chi tiết và không phủ ảnh truyện đề xuất. */
body.bt-home-light-preview .story-wrapper .story-desc,
body.bt-home-light-preview .story-wrapper .story-desc p,
body.bt-home-light-preview .story-wrapper .story-desc span,
body.bt-home-light-preview .story-wrapper .story-desc div,
body.bt-home-light-preview .story-wrapper .story-desc b,
body.bt-home-light-preview .story-wrapper .story-desc strong {
    color: #4c3926 !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .story-wrapper .vote-result,
body.bt-home-light-preview .story-wrapper .vote-result b,
body.bt-home-light-preview .story-wrapper .combo-inner,
body.bt-home-light-preview .story-wrapper .combo-inner span,
body.bt-home-light-preview .story-wrapper .combo-inner div {
    opacity: 1 !important;
}

body.bt-home-light-preview .story-related-title .text {
    color: #3a2b1d !important;
    background: none !important;
    -webkit-text-fill-color: #3a2b1d !important;
}

body.bt-home-light-preview .story-related-card::before {
    background: linear-gradient(180deg, transparent 40%, rgba(54, 32, 10, .08) 61%, rgba(54, 32, 10, .72) 100%) !important;
}

body.bt-home-light-preview .story-related-card .thumb,
body.bt-home-light-preview .story-related-card img {
    opacity: 1 !important;
    filter: none !important;
}

/* Làm rõ phần đánh giá, thể loại/trạng thái và đổi nền bìa mờ sang nâu ấm. */
body.bt-home-light-preview .story-wrapper .vote-result,
body.bt-home-light-preview .story-wrapper .vote-result b {
    color: #654315 !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .story-wrapper .vote-result span {
    color: #8e5d19 !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .story-wrapper .left-col::before {
    filter: blur(16px) sepia(.72) saturate(1.35) hue-rotate(340deg) brightness(.72) !important;
    opacity: .50 !important;
}

body.bt-home-light-preview .story-wrapper .left-col::after {
    background:
        radial-gradient(circle at 23% 18%, rgba(202, 142, 72, .29), transparent 38%),
        radial-gradient(circle at 78% 32%, rgba(107, 58, 26, .26), transparent 44%),
        linear-gradient(180deg, rgba(92, 53, 23, .08) 0%, rgba(49, 27, 13, .70) 66%, rgba(25, 14, 8, .96) 100%) !important;
}

body.bt-home-light-preview .story-wrapper .meta-box,
body.bt-home-light-preview .story-wrapper .meta-box p,
body.bt-home-light-preview .story-wrapper .meta-box b {
    color: #fff4dc !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(31, 15, 5, .75) !important;
}

body.bt-home-light-preview .story-wrapper .meta-box a {
    color: #ffd184 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(31, 15, 5, .72) !important;
}

body.bt-home-light-preview .story-wrapper .meta-box span[style*="22c55e"] {
    color: #57e993 !important;
    font-weight: 800 !important;
}

body.bt-home-light-preview .story-wrapper .meta-box span[style*="facc15"] {
    color: #ffe086 !important;
    font-weight: 800 !important;
}

body.bt-home-light-preview .story-wrapper .pagination a {
    border-color: rgba(184, 117, 53, .36) !important;
    background: #fffdf8 !important;
    color: #765020 !important;
    box-shadow: 0 4px 9px rgba(119, 76, 16, .08) !important;
}

body.bt-home-light-preview .story-wrapper .pagination a:hover {
    border-color: #cf9132 !important;
    background: #fff0d2 !important;
    color: #604018 !important;
    box-shadow: 0 7px 14px rgba(183, 117, 24, .16) !important;
}

body.bt-home-light-preview .story-wrapper .pagination a.active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #e7b858, #cf9132) !important;
    color: #fff !important;
    box-shadow: 0 7px 15px rgba(183, 117, 24, .22) !important;
}

body.bt-home-light-preview .story-wrapper .goto-box span,
body.bt-home-light-preview .story-wrapper .goto-box input,
body.bt-home-light-preview .story-wrapper .goto-box button {
    border-color: rgba(184, 117, 53, .36) !important;
    background: #fffdf8 !important;
    color: #604621 !important;
    box-shadow: 0 4px 9px rgba(119, 76, 16, .07) !important;
}

body.bt-home-light-preview .story-wrapper .goto-box input::placeholder {
    color: #9a896f !important;
}

body.bt-home-light-preview .story-wrapper .goto-box button {
    background: linear-gradient(135deg, #e7b858, #cf9132) !important;
    color: #fff !important;
    border-color: transparent !important;
}

body.bt-home-light-preview .story-wrapper .goto-box button i {
    color: #fff !important;
}

/* Trang nạp thẻ: giao diện sáng vàng kem, ưu tiên tương phản chữ. */
body.bt-home-light-preview .bt-topup-page {
    --topup-pink: #e5ae4e;
    --topup-purple: #c68126;
    --topup-violet: #9d611c;
    --topup-line: rgba(181, 119, 39, .30);
    --topup-text: #342719;
    --topup-muted: #74644e;
    background: transparent !important;
}

body.bt-home-light-preview .bt-topup-page .bt-user-menu {
    border-color: rgba(181, 119, 39, .28) !important;
    background: #fffdf8 !important;
    box-shadow: 0 13px 30px rgba(129, 82, 20, .11) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-user-menu .item {
    border-color: rgba(181, 119, 39, .15) !important;
    color: #4a3822 !important;
    font-weight: 650 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-user-menu .item:hover {
    color: #513817 !important;
    background: #fff3da !important;
}

body.bt-home-light-preview .bt-topup-page .bt-user-menu .item.active {
    color: #fff !important;
    background: linear-gradient(100deg, #e7b858, #cf9132) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-user-menu .item.logout {
    color: #b33232 !important;
    background: #fff1ef !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-shell {
    border-color: rgba(181, 119, 39, .30) !important;
    color: #342719 !important;
    background:
        radial-gradient(circle at 93% 5%, rgba(234, 185, 88, .24), transparent 32%),
        linear-gradient(145deg, #fffefa, #fff7e9) !important;
    box-shadow: 0 20px 48px rgba(129, 82, 20, .12), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-shell::before {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #e5ae4e, #b87322, transparent) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-heading-icon {
    border-color: rgba(186, 122, 36, .34) !important;
    background: linear-gradient(145deg, #fff2cc, #f1c466) !important;
    box-shadow: 0 9px 19px rgba(167, 108, 29, .18) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-kicker {
    color: #9a611c !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-header .bt-title,
body.bt-home-light-preview .bt-topup-page .bt-note strong {
    color: #39291a !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-header p,
body.bt-home-light-preview .bt-topup-page .bt-rate-badge span,
body.bt-home-light-preview .bt-topup-page .bt-note p,
body.bt-home-light-preview .bt-topup-page .bt-submit-hint {
    color: #74644e !important;
}

body.bt-home-light-preview .bt-topup-page .bt-rate-badge {
    border-color: rgba(181, 119, 39, .27) !important;
    background: #fff4db !important;
}

body.bt-home-light-preview .bt-topup-page .bt-rate-badge strong {
    color: #8f5717 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-status {
    border-color: rgba(41, 139, 83, .28) !important;
    color: #17663b !important;
    background: #edfff3 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-card {
    border-color: rgba(181, 119, 39, .42) !important;
    background: linear-gradient(145deg, #fff8e9 0%, #fff0d2 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 14px 30px rgba(151, 94, 18, .14) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-label {
    color: #49351d !important;
    font-weight: 800 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-input {
    border-color: rgba(181, 119, 39, .37) !important;
    color: #382918 !important;
    background: #fffefa !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 8px rgba(119, 76, 16, .05) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-input::placeholder {
    color: #96846c !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-input:hover,
body.bt-home-light-preview .bt-topup-page .bt-input:focus {
    border-color: #c68126 !important;
    background: #fff !important;
}

body.bt-home-light-preview .bt-topup-page .bt-input:focus {
    box-shadow: 0 0 0 4px rgba(210, 144, 39, .15), 0 8px 18px rgba(154, 97, 28, .10) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-input option {
    color: #382918 !important;
    background: #fffdf8 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-disabled {
    color: #76562f !important;
    background: #f2e3c7 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-control-select::after {
    color: #925c1c !important;
}

body.bt-home-light-preview .bt-topup-page .bt-verified {
    color: #fff !important;
    background: #219653 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-submit-btn {
    color: #fff !important;
    background: linear-gradient(100deg, #e9bc5d, #c78026 68%, #a96720) !important;
    box-shadow: 0 13px 25px rgba(172, 108, 25, .27), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-submit-btn:hover {
    background: linear-gradient(100deg, #f0c76e, #d59031 68%, #b36f20) !important;
    box-shadow: 0 17px 30px rgba(172, 108, 25, .34), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-note {
    border-color: rgba(197, 135, 37, .28) !important;
    color: #50391d !important;
    background: linear-gradient(110deg, #fff0cf, #fff8e8) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-note-icon {
    color: #fff !important;
    background: #c68126 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-facebook-link {
    color: #fff !important;
    background: linear-gradient(135deg, #2474de, #1458bc) !important;
}

/* Top-up page: apply the cream theme to the existing account menu and form. */
body.bt-home-light-preview .bt-topup-page {
    background: transparent !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-container {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-content > .d-flex {
    border-bottom-color: rgba(181, 119, 39, .22) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-content .bt-title {
    color: #3c2918 !important;
    text-shadow: none !important;
    border: 1px solid rgba(194, 124, 22, .3) !important;
    background: linear-gradient(105deg, #fffdf7 0%, #fff0c7 48%, #fffaf0 100%) !important;
    box-shadow: 0 10px 25px rgba(184, 115, 17, .14) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-content .bt-title::before {
    z-index: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .92), transparent) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-title-icon {
    color: #4a2d13;
    background: linear-gradient(145deg, #ffe17c, #dc9222) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64), 0 5px 12px rgba(177, 101, 13, .25) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-card {
    color: #3b2919 !important;
}

body.bt-home-light-preview .bt-topup-page .bt-topup-status {
    color: #155a37 !important;
    background: #ecfff3 !important;
    border-left-color: #259a5b !important;
    box-shadow: 0 8px 18px rgba(34, 130, 75, .08) !important;
}

body.bt-home-light-preview .bt-topup-page .bt-user-menu .item.logout:hover {
    color: #962b2b !important;
    background: #ffe5e1 !important;
}

body.bt-home-light-preview .bt-topup-rate {
    border-color: rgba(194, 124, 22, .28) !important;
    background: #fffdf8 !important;
    box-shadow: 0 12px 26px rgba(126, 80, 20, .10) !important;
}

body.bt-home-light-preview .bt-topup-rate-head {
    border-bottom-color: rgba(194, 124, 22, .16) !important;
    background: linear-gradient(90deg, #fff4d6, #fffdf8) !important;
}

body.bt-home-light-preview .bt-topup-rate h3 {
    color: #4a3019 !important;
}

body.bt-home-light-preview .bt-topup-rate p {
    color: #806248 !important;
}

body.bt-home-light-preview .bt-topup-rate-table th {
    color: #76502a !important;
    background: #fff4d9 !important;
}

body.bt-home-light-preview .bt-topup-rate-table td {
    border-top-color: rgba(194, 124, 22, .13) !important;
    color: #4a3420 !important;
}

body.bt-home-light-preview .bt-topup-rate-table td:last-child {
    color: #ae6814 !important;
}

body.bt-home-light-preview .bt-topup-rate-table tbody tr:hover {
    background: #fff3d7 !important;
}

/* ------------------------------------------------------------------
   Light theme: keep recommendation headings and live search readable.
   These selectors intentionally cover the story page and both VIP pages.
------------------------------------------------------------------- */
body.bt-home-light-preview .story-related-title,
body.bt-home-light-preview .story-related-title .text,
body.bt-home-light-preview .login-related-title,
body.bt-home-light-preview .login-related-title .text,
body.bt-home-light-preview .vip-related-title,
body.bt-home-light-preview .vip-related-title .text,
body.bt-home-light-preview .related-section h3,
body.bt-home-light-preview .related-title-text {
    color: #4a2d18 !important;
    background: none !important;
    -webkit-text-fill-color: #4a2d18 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
}

body.bt-home-light-preview .story-related-title,
body.bt-home-light-preview .login-related-title,
body.bt-home-light-preview .vip-related-title {
    font-weight: 800 !important;
}

body.bt-home-light-preview .story-related-title .icon,
body.bt-home-light-preview .login-related-title .icon,
body.bt-home-light-preview .vip-related-title .icon,
body.bt-home-light-preview .related-title-icon {
    color: #8a4b12 !important;
    background: linear-gradient(145deg, #fff8df, #f5cd78) !important;
    border-color: rgba(161, 94, 21, .38) !important;
    box-shadow: 0 7px 16px rgba(144, 82, 15, .15) !important;
}

body.bt-home-light-preview .suggest-box {
    padding: 7px !important;
    overflow: hidden;
    border: 1px solid rgba(178, 106, 31, .38) !important;
    border-radius: 14px !important;
    background: #fffdf8 !important;
    box-shadow: 0 18px 38px rgba(109, 58, 12, .18) !important;
}

body.bt-home-light-preview .suggest-item {
    color: #402818 !important;
    border-radius: 10px;
    background: transparent !important;
    text-decoration: none !important;
    transition: background .18s ease, transform .18s ease;
}

body.bt-home-light-preview .suggest-item .suggest-title,
body.bt-home-light-preview .suggest-title {
    color: #402818 !important;
    -webkit-text-fill-color: #402818 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

body.bt-home-light-preview .suggest-item:hover {
    color: #643411 !important;
    background: linear-gradient(90deg, #fff2cf, #fffaf0) !important;
    transform: translateX(2px);
}

body.bt-home-light-preview .suggest-item:hover .suggest-title {
    color: #643411 !important;
    -webkit-text-fill-color: #643411 !important;
}

/* Register page in the shared light theme. */
body.bt-home-light-preview .register-wrapper {
    position: relative;
    overflow: hidden;
    color: #3b2a19 !important;
    border: 1px solid rgba(181, 119, 39, .30) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(236, 190, 98, .20), transparent 34%),
        linear-gradient(145deg, #fffefa 0%, #fff8ea 100%) !important;
    box-shadow:
        0 22px 48px rgba(112, 70, 15, .16),
        0 4px 12px rgba(112, 70, 15, .08),
        inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

body.bt-home-light-preview .register-wrapper::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, transparent, #efc66c 18%, #c77c20 52%, #efc66c 82%, transparent);
}

body.bt-home-light-preview .register-wrapper .title {
    color: #3a2817 !important;
    -webkit-text-fill-color: #3a2817 !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .register-form label {
    color: #51391f !important;
    font-weight: 700 !important;
}

body.bt-home-light-preview .register-form input {
    border: 1px solid rgba(171, 108, 30, .38) !important;
    color: #322314 !important;
    background: #fff !important;
    box-shadow: 0 3px 9px rgba(116, 72, 17, .05) !important;
}

body.bt-home-light-preview .register-form input::placeholder {
    color: #95836c !important;
    opacity: 1 !important;
}

body.bt-home-light-preview .register-form input:hover {
    border-color: rgba(171, 108, 30, .62) !important;
}

body.bt-home-light-preview .register-form input:focus {
    border-color: #bd741e !important;
    color: #2e2012 !important;
    background: #fffefa !important;
    box-shadow: 0 0 0 4px rgba(207, 143, 43, .15), 0 8px 18px rgba(125, 75, 14, .09) !important;
}

body.bt-home-light-preview .register-form input:-webkit-autofill,
body.bt-home-light-preview .register-form input:-webkit-autofill:hover,
body.bt-home-light-preview .register-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #322314 !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    caret-color: #322314 !important;
}

body.bt-home-light-preview .register-wrapper .alert-error {
    border: 1px solid rgba(190, 57, 57, .28) !important;
    border-left: 4px solid #c43d3d !important;
    color: #8f2424 !important;
    background: #fff0ee !important;
}

body.bt-home-light-preview .register-wrapper .btn-submit {
    border: 1px solid rgba(151, 89, 15, .24) !important;
    color: #fff !important;
    background: linear-gradient(100deg, #ebb956 0%, #d28b2d 58%, #b86d1d 100%) !important;
    box-shadow: 0 12px 24px rgba(171, 104, 21, .25), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

body.bt-home-light-preview .register-wrapper .btn-submit:hover {
    opacity: 1 !important;
    background: linear-gradient(100deg, #f0c46b 0%, #db9638 58%, #c07822 100%) !important;
    box-shadow: 0 16px 28px rgba(171, 104, 21, .31), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
    transform: translateY(-2px);
}

body.bt-home-light-preview .register-wrapper .btn-submit:active {
    transform: translateY(0);
}

@media (max-width: 480px) {
    body.bt-home-light-preview .register-wrapper {
        width: auto !important;
        margin: 22px 14px !important;
        padding: 27px 20px !important;
        border-radius: 14px !important;
        box-shadow: 0 15px 32px rgba(112, 70, 15, .15), inset 0 1px 0 #fff !important;
    }

    body.bt-home-light-preview .register-wrapper .title {
        margin-bottom: 22px !important;
        font-size: 24px !important;
    }

    body.bt-home-light-preview .register-form .form-group {
        margin-bottom: 15px !important;
    }

    body.bt-home-light-preview .register-form input,
    body.bt-home-light-preview .register-wrapper .btn-submit {
        min-height: 44px !important;
    }
}

/* Account pages: profile, combo, transaction history and password. */
body.bt-home-light-preview .bt-account-wrap,
body.bt-home-light-preview .combo-wrapper {
    color: #3a2918 !important;
}

body.bt-home-light-preview .bt-user-menu {
    border: 1px solid rgba(180, 116, 34, .30) !important;
    background: #fffdf8 !important;
    box-shadow: 0 15px 34px rgba(112, 69, 15, .12), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .bt-user-menu .item {
    border-bottom-color: rgba(176, 111, 29, .14) !important;
    color: #4b351f !important;
    background: transparent !important;
    font-weight: 650 !important;
}

body.bt-home-light-preview .bt-user-menu .item:hover {
    color: #633b12 !important;
    background: #fff2d5 !important;
}

body.bt-home-light-preview .bt-user-menu .item.active {
    color: #fff !important;
    background: linear-gradient(100deg, #e9b653, #d48a2b 62%, #ba6c1b) !important;
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, .65) !important;
}

body.bt-home-light-preview .bt-user-menu .item.logout {
    color: #a7332d !important;
    background: #fff2ef !important;
}

body.bt-home-light-preview .bt-user-menu .item.logout:hover {
    color: #8d211d !important;
    background: #ffe5df !important;
}

body.bt-home-light-preview .bt-profile-card,
body.bt-home-light-preview .bt-account-content {
    color: #3a2918 !important;
    border: 1px solid rgba(180, 116, 34, .28) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(235, 184, 84, .18), transparent 32%),
        linear-gradient(145deg, #fffefa, #fff8ea) !important;
    box-shadow: 0 18px 42px rgba(112, 69, 15, .12), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .bt-account-content:has(> .bt-profile-card) {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.bt-home-light-preview .bt-profile-card .title,
body.bt-home-light-preview .bt-account-content > h2,
body.bt-home-light-preview .combo-title {
    color: #392817 !important;
    -webkit-text-fill-color: #392817 !important;
    text-shadow: none !important;
}

body.bt-home-light-preview .info-row {
    padding: 10px 12px !important;
    margin: 5px 0 !important;
    border: 1px solid transparent;
    border-radius: 9px;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

body.bt-home-light-preview .info-row:hover {
    border-color: rgba(185, 120, 34, .20);
    background: rgba(255, 244, 218, .68);
    transform: translateX(2px);
}

body.bt-home-light-preview .info-row .label {
    color: #806442 !important;
    font-weight: 700 !important;
}

body.bt-home-light-preview .info-row .value {
    color: #342313 !important;
    font-weight: 750 !important;
}

body.bt-home-light-preview .info-row .coin {
    color: #ad670f !important;
}

body.bt-home-light-preview .combo-content {
    min-width: 0;
    padding: 24px !important;
    border: 1px solid rgba(180, 116, 34, .28) !important;
    border-radius: 14px;
    background: linear-gradient(145deg, #fffefa, #fff8ea) !important;
    box-shadow: 0 18px 42px rgba(112, 69, 15, .12), inset 0 1px 0 #fff !important;
}

body.bt-home-light-preview .combo-content > p {
    color: #725637 !important;
}

body.bt-home-light-preview .combo-content .card {
    color: #392817 !important;
    border: 1px solid rgba(176, 111, 29, .30) !important;
    background: #fffdf8 !important;
    box-shadow: 0 9px 20px rgba(102, 60, 12, .10) !important;
}

body.bt-home-light-preview .combo-content .card:hover {
    border-color: rgba(176, 111, 29, .55) !important;
    box-shadow: 0 14px 26px rgba(102, 60, 12, .17) !important;
}

body.bt-home-light-preview .combo-content .card .title {
    color: #3d2a17 !important;
    -webkit-text-fill-color: #3d2a17 !important;
    font-weight: 750 !important;
}

body.bt-home-light-preview .combo-content .pagination a,
body.bt-home-light-preview .bt-pagination a {
    border: 1px solid rgba(179, 113, 29, .30) !important;
    color: #6f451a !important;
    background: #fffaf0 !important;
    box-shadow: 0 4px 10px rgba(113, 69, 13, .07) !important;
}

body.bt-home-light-preview .combo-content .pagination a:hover,
body.bt-home-light-preview .bt-pagination a:hover {
    color: #4b2c0d !important;
    background: #ffedc7 !important;
}

body.bt-home-light-preview .combo-content .pagination a.active,
body.bt-home-light-preview .bt-pagination a.active {
    color: #fff !important;
    background: linear-gradient(100deg, #e9b653, #c77a21) !important;
}

body.bt-home-light-preview .bt-table {
    border: 1px solid rgba(180, 116, 34, .28) !important;
    color: #3b2917 !important;
    background: #fffdf8 !important;
    box-shadow: 0 12px 27px rgba(112, 69, 15, .10) !important;
}

body.bt-home-light-preview .bt-table th {
    border-bottom: 1px solid rgba(157, 93, 18, .28) !important;
    color: #fff !important;
    background: linear-gradient(100deg, #d99635, #b9691c) !important;
}

body.bt-home-light-preview .bt-table td {
    border-bottom: 1px solid rgba(180, 116, 34, .14) !important;
    color: #43301d !important;
}

body.bt-home-light-preview .bt-table tr:nth-child(even) {
    background: #fff7e8 !important;
}

body.bt-home-light-preview .bt-table tbody tr:hover {
    background: #ffedc8 !important;
}

body.bt-home-light-preview .bt-form label {
    color: #52391e !important;
    font-weight: 750 !important;
}

body.bt-home-light-preview .bt-form input {
    border: 1px solid rgba(171, 108, 30, .38) !important;
    color: #322314 !important;
    background: #fff !important;
    box-shadow: 0 3px 9px rgba(116, 72, 17, .05) !important;
}

body.bt-home-light-preview .bt-form input:disabled {
    color: #745c3e !important;
    background: #f1e4cc !important;
}

body.bt-home-light-preview .bt-form input:focus {
    outline: none !important;
    border-color: #bd741e !important;
    box-shadow: 0 0 0 4px rgba(207, 143, 43, .15) !important;
}

body.bt-home-light-preview .bt-btn-primary {
    border: 1px solid rgba(151, 89, 15, .24) !important;
    color: #fff !important;
    background: linear-gradient(100deg, #ebb956, #d28b2d 60%, #b86d1d) !important;
    box-shadow: 0 12px 24px rgba(171, 104, 21, .24) !important;
}

body.bt-home-light-preview .bt-btn-primary:hover {
    background: linear-gradient(100deg, #f0c46b, #db9638 60%, #c07822) !important;
    transform: translateY(-1px);
}

body.bt-home-light-preview .bt-alert-error {
    color: #8d2420 !important;
    background: #fff0ed !important;
}

body.bt-home-light-preview .bt-alert-success {
    color: #176239 !important;
    background: #ecfff3 !important;
}

/* Final priority for the editorial navigation skin */
html body.bt-home-light-preview .bt-menu {
    gap: 7px !important;
    padding: 5px !important;
    border: 1px solid rgba(151,104,43,.15) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.48) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 7px 20px rgba(111,72,20,.06) !important;
}

html body.bt-home-light-preview .bt-menu .bt-menu-btn,
html body.bt-home-light-preview .bt-menu .cat-button,
html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-mb-row2 .cat-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: #51412f !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body.bt-home-light-preview .bt-menu .cat-button,
html body.bt-home-light-preview .bt-mb-row2 .cat-button {
    color: #754912 !important;
    border-color: rgba(178,117,35,.20) !important;
    background: linear-gradient(135deg,rgba(255,249,231,.96),rgba(250,228,180,.72)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95),0 4px 10px rgba(128,81,18,.07) !important;
}

html body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
html body.bt-home-light-preview .bt-menu .cat-button:hover,
html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
html body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
html body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
    color: #70440f !important;
    border-color: rgba(181,116,29,.21) !important;
    background: rgba(255,247,225,.92) !important;
    box-shadow: 0 6px 15px rgba(126,79,15,.09),inset 0 1px 0 #fff !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
    body.bt-home-light-preview .bt-profile-card,
    body.bt-home-light-preview .bt-account-content,
    body.bt-home-light-preview .combo-content {
        padding: 20px 16px !important;
    }

    body.bt-home-light-preview .info-row {
        padding: 9px 10px !important;
    }

    body.bt-home-light-preview .bt-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    html body.bt-home-light-preview .bt-header-mobile {
        padding: 9px !important;
        border: 1px solid rgba(181,126,43,.23) !important;
        border-radius: 15px !important;
        background: linear-gradient(155deg,rgba(255,255,255,.97),rgba(252,244,225,.94)) !important;
        box-shadow: 0 10px 26px rgba(123,78,15,.10),inset 0 1px 0 rgba(255,255,255,.96) !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 {
        display: grid !important;
        grid-template-columns: 1.12fr .82fr .82fr 1.18fr !important;
        gap: 4px !important;
        padding: 5px !important;
        border: 1px solid rgba(177,127,54,.17) !important;
        border-radius: 12px !important;
        background: rgba(244,232,207,.48) !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .cat-menu,
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        min-height: 38px !important;
        gap: 4px !important;
        padding: 3px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn { flex-direction: column !important; }
    html body.bt-home-light-preview .bt-mb-row2 .cat-button { flex-direction: row !important; }
}

/* Light navigation v3: floating editorial rail */
html body.bt-home-light-preview .bt-header-pc {
    display: grid !important;
    grid-template-columns: minmax(110px,1fr) auto minmax(210px,1fr) !important;
    align-items: center !important;
    column-gap: 22px !important;
}

html body.bt-home-light-preview .bt-header-pc .bt-logo {
    justify-self: start;
}

html body.bt-home-light-preview .bt-header-pc .bt-auth {
    justify-self: end;
}

html body.bt-home-light-preview .bt-menu {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 4px !important;
    border: 1px solid rgba(143,99,43,.14) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.68) !important;
    box-shadow: 0 9px 26px rgba(99,63,15,.07), inset 0 1px 0 #fff !important;
}

html body.bt-home-light-preview .bt-menu .bt-menu-btn,
html body.bt-home-light-preview .bt-menu .cat-button {
    position: relative;
    min-height: 39px !important;
    padding: 0 15px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #4b4034 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

html body.bt-home-light-preview .bt-menu .bt-menu-btn::after,
html body.bt-home-light-preview .bt-menu .cat-button::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 5px;
    left: 18px;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg,transparent,#c47a20,transparent);
    opacity: 0;
    transform: scaleX(.3);
    transition: opacity .22s ease, transform .22s ease;
}

html body.bt-home-light-preview .bt-menu .bt-menu-btn:hover,
html body.bt-home-light-preview .bt-menu .cat-button:hover,
html body.bt-home-light-preview .bt-menu .bt-menu-btn:focus-visible,
html body.bt-home-light-preview .bt-menu .cat-button:focus-visible {
    color: #8a5214 !important;
    border: 0 !important;
    background: linear-gradient(180deg,rgba(255,248,229,.9),rgba(250,230,190,.6)) !important;
    box-shadow: inset 0 1px 0 #fff !important;
    transform: none !important;
}

html body.bt-home-light-preview .bt-menu .bt-menu-btn:hover::after,
html body.bt-home-light-preview .bt-menu .cat-button:hover::after,
html body.bt-home-light-preview .bt-menu .bt-menu-btn:focus-visible::after,
html body.bt-home-light-preview .bt-menu .cat-button:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
}

html body.bt-home-light-preview .bt-menu .bt-nav-icon,
html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 0;
    color: #bd7720;
    background: transparent;
    box-shadow: none;
    transition: color .2s ease, transform .2s ease;
}

html body.bt-home-light-preview .bt-menu a:hover .bt-nav-icon,
html body.bt-home-light-preview .bt-menu button:hover .bt-nav-icon,
html body.bt-home-light-preview .bt-mb-row2 a:hover .bt-nav-icon,
html body.bt-home-light-preview .bt-mb-row2 button:hover .bt-nav-icon {
    color: #96570d;
    transform: translateY(-1px) scale(1.08);
}

html body.bt-home-light-preview .bt-auth {
    gap: 7px !important;
}

html body.bt-home-light-preview .bt-auth .bt-btn,
html body.bt-home-light-preview .bt-auth .user-btn,
html body.bt-home-light-preview .bt-theme-toggle {
    min-height: 38px !important;
    border-radius: 999px !important;
}

@media (max-width: 1080px) and (min-width: 769px) {
    html body.bt-home-light-preview .bt-header-pc { column-gap: 10px !important; }
    html body.bt-home-light-preview .bt-menu .bt-menu-btn,
    html body.bt-home-light-preview .bt-menu .cat-button { padding-inline: 10px !important; }
    html body.bt-home-light-preview .bt-menu { font-size: 12px !important; }
}

@media (max-width: 768px) {
    html body.bt-home-light-preview .bt-header {
        padding: 6px 7px 8px !important;
    }

    html body.bt-home-light-preview .bt-header-mobile {
        gap: 8px !important;
        padding: 10px !important;
        border: 1px solid rgba(169,116,41,.18) !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 100% 0,rgba(238,194,113,.17),transparent 38%),
            linear-gradient(155deg,#fffefa,#faf0da) !important;
        box-shadow: 0 12px 28px rgba(105,67,15,.10),inset 0 1px 0 #fff !important;
    }

    html body.bt-home-light-preview .bt-mb-row1 {
        min-height: 43px !important;
        padding: 0 1px 8px !important;
        border-bottom: 1px dashed rgba(166,116,48,.17) !important;
    }

    html body.bt-home-light-preview .bt-mb-row1 .bt-logo {
        padding: 4px 7px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: rgba(255,255,255,.55) !important;
        box-shadow: inset 0 0 0 1px rgba(181,125,42,.18) !important;
    }

    html body.bt-home-light-preview .bt-mb-auth .bt-btn,
    html body.bt-home-light-preview .bt-mb-auth .user-btn,
    html body.bt-home-light-preview .bt-theme-toggle-mobile {
        min-height: 32px !important;
        padding-inline: 9px !important;
        border-radius: 999px !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 6px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .cat-menu,
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        position: relative;
        min-height: 42px !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 0 11px !important;
        border: 1px solid rgba(168,116,43,.14) !important;
        border-radius: 12px !important;
        color: #514130 !important;
        background: rgba(255,255,255,.66) !important;
        box-shadow: 0 4px 12px rgba(102,65,16,.05),inset 0 1px 0 #fff !important;
        font-size: 11px !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        color: #754713 !important;
        background: linear-gradient(135deg,rgba(255,249,232,.96),rgba(247,221,168,.78)) !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #d49945;
        box-shadow: 0 0 0 3px rgba(212,153,69,.10);
        transform: translateY(-50%);
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
        color: #7d4a10 !important;
        border-color: rgba(185,119,29,.25) !important;
        background: #fff8e8 !important;
        box-shadow: 0 7px 16px rgba(111,69,13,.09),inset 0 1px 0 #fff !important;
        transform: translateY(-1px) !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon {
        width: 20px;
        height: 20px;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon::before { font-size: 13px; }
    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-chevron { margin-left: auto; }

    html body.bt-home-light-preview .bt-mb-row2 .cat-list {
        z-index: 10020 !important;
    }
}

@media (max-width: 360px) {
    html body.bt-home-light-preview .bt-header-mobile { padding: 8px !important; }
    html body.bt-home-light-preview .bt-mb-row2 { gap: 5px !important; }
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        min-height: 39px !important;
        padding-inline: 8px !important;
        font-size: 10px !important;
    }
}

/* Navigation v4: strict breakpoints + compact mobile dock */
@media (min-width: 769px) {
    html body.bt-home-light-preview .bt-header-pc { display: grid !important; }
    html body.bt-home-light-preview .bt-header-mobile { display: none !important; }
}

@media (max-width: 768px) {
    html body.bt-home-light-preview .bt-header-pc { display: none !important; }
    html body.bt-home-light-preview .bt-header-mobile { display: block !important; }

    html body.bt-home-light-preview .bt-header {
        padding: 7px 8px 8px !important;
    }

    html body.bt-home-light-preview .bt-header-mobile {
        padding: 9px 9px 8px !important;
        border: 1px solid rgba(171,116,38,.17) !important;
        border-radius: 16px !important;
        background: linear-gradient(155deg,#fffefa 0%,#fff8e9 100%) !important;
        box-shadow: 0 9px 24px rgba(102,65,14,.09),inset 0 1px 0 #fff !important;
        overflow: visible !important;
    }

    html body.bt-home-light-preview .bt-mb-row1 {
        min-height: 40px !important;
        padding: 0 1px 8px !important;
        border-bottom: 1px solid rgba(177,123,48,.12) !important;
    }

    html body.bt-home-light-preview .bt-mb-row1 .bt-logo {
        padding: 3px 6px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.bt-home-light-preview .bt-mb-row1 .bt-logo-img {
        height: 36px !important;
    }

    html body.bt-home-light-preview .bt-mb-auth {
        gap: 5px !important;
    }

    html body.bt-home-light-preview .bt-mb-auth .bt-btn,
    html body.bt-home-light-preview .bt-mb-auth .user-btn,
    html body.bt-home-light-preview .bt-theme-toggle-mobile {
        min-height: 31px !important;
        height: 31px !important;
        padding: 0 9px !important;
        border-radius: 999px !important;
        font-size: 10.5px !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 {
        display: flex !important;
        width: 100% !important;
        gap: 3px !important;
        padding: 5px 0 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .cat-menu,
    html body.bt-home-light-preview .bt-mb-row2 > .bt-menu-btn {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        height: 38px !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        padding: 2px 1px !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 10px !important;
        color: #594936 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 9.5px !important;
        white-space: nowrap !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        color: #7b4a10 !important;
        background: #fff3d6 !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn::after {
        display: none !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon {
        width: 16px !important;
        height: 14px !important;
        color: #bd7720 !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon::before {
        font-size: 11px !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-chevron {
        position: absolute;
        right: 6px;
        bottom: 7px;
        width: 4px;
        height: 4px;
        margin: 0 !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
        color: #7b4a10 !important;
        border: 0 !important;
        background: #fff3d6 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.bt-home-light-preview .bt-mb-row2 .cat-list {
        top: calc(100% + 7px) !important;
        left: 0 !important;
        z-index: 100000 !important;
        width: min(88vw,340px) !important;
    }
}

/* Mobile light header: soft glass navigation */
@media (max-width: 768px) {
    body.bt-home-light-preview .bt-header {
        padding: 7px 8px 8px !important;
        background: linear-gradient(180deg, rgba(255,253,247,.98), rgba(255,249,236,.96)) !important;
    }

    body.bt-home-light-preview .bt-header-mobile {
        position: relative;
        gap: 7px !important;
        padding: 9px !important;
        overflow: visible;
        border: 1px solid rgba(181,126,43,.23) !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 12% 0, rgba(255,230,170,.28), transparent 36%),
            linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,247,228,.88)) !important;
        box-shadow:
            0 10px 26px rgba(123,78,15,.10),
            inset 0 1px 0 rgba(255,255,255,.96) !important;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    body.bt-home-light-preview .bt-header-mobile::after {
        content: "";
        position: absolute;
        inset: auto 16px -1px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(216,151,51,.58), transparent);
        pointer-events: none;
    }

    body.bt-home-light-preview .bt-mb-row1 {
        min-height: 38px;
        padding: 0 2px 7px !important;
        border-bottom: 1px solid rgba(180,132,61,.13);
    }

    body.bt-home-light-preview .bt-mb-row1 .bt-logo {
        padding: 3px 6px;
        border: 1px solid rgba(194,133,45,.28);
        border-radius: 10px;
        background: rgba(255,255,255,.72);
        box-shadow: 0 4px 12px rgba(132,85,18,.08);
    }

    body.bt-home-light-preview .bt-mb-row1 .bt-logo-img {
        filter: saturate(.92) contrast(1.02);
    }

    body.bt-home-light-preview .bt-mb-auth {
        gap: 5px !important;
    }

    body.bt-home-light-preview .bt-mb-auth .bt-btn,
    body.bt-home-light-preview .bt-mb-auth .user-btn,
    body.bt-home-light-preview .bt-theme-toggle-mobile {
        min-height: 32px !important;
        padding: 0 10px !important;
        border: 1px solid rgba(171,122,54,.21) !important;
        border-radius: 999px !important;
        color: #4d3b25 !important;
        background: rgba(255,255,255,.76) !important;
        box-shadow: 0 4px 11px rgba(106,71,18,.07), inset 0 1px 0 #fff !important;
        text-shadow: none !important;
    }

    body.bt-home-light-preview .bt-theme-toggle-mobile {
        color: #704311 !important;
        border-color: rgba(191,121,23,.31) !important;
        background: linear-gradient(135deg, #fff5d9, #f8d486) !important;
    }

    body.bt-home-light-preview .bt-mb-auth .bt-btn-pink {
        color: #fff !important;
        border-color: rgba(161,91,15,.28) !important;
        background: linear-gradient(135deg, #e7ad45, #c97d23) !important;
        box-shadow: 0 6px 14px rgba(177,105,22,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
    }

    body.bt-home-light-preview .bt-mb-row2 {
        gap: 4px !important;
        padding: 4px !important;
        border: 1px solid rgba(177,127,54,.17) !important;
        border-radius: 13px !important;
        background: rgba(247,237,217,.58) !important;
        box-shadow: inset 0 1px 4px rgba(113,77,23,.06), 0 1px 0 #fff !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        min-height: 31px !important;
        padding: 0 6px !important;
        border: 1px solid transparent !important;
        border-radius: 9px !important;
        color: #59462f !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
        transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .cat-button {
        color: #784a16 !important;
        background: rgba(255,255,255,.72) !important;
        box-shadow: 0 3px 9px rgba(115,76,20,.07), inset 0 1px 0 #fff !important;
    }

    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
    body.bt-home-light-preview .bt-mb-row2 .cat-button:hover,
    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:active,
    body.bt-home-light-preview .bt-mb-row2 .cat-button:active {
        color: #7a4812 !important;
        border-color: rgba(194,132,43,.20) !important;
        background: rgba(255,249,234,.92) !important;
        box-shadow: 0 4px 10px rgba(124,78,14,.08) !important;
        transform: translateY(-1px) !important;
    }
}

@media (max-width: 390px) {
    body.bt-home-light-preview .bt-header-mobile { padding: 8px 7px !important; }
    body.bt-home-light-preview .bt-mb-auth .bt-btn,
    body.bt-home-light-preview .bt-mb-auth .user-btn,
    body.bt-home-light-preview .bt-theme-toggle-mobile { padding-inline: 8px !important; }
    body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    body.bt-home-light-preview .bt-mb-row2 .cat-button { padding-inline: 3px !important; font-size: 10px !important; }
}

/* Final mobile header visibility and compact dock */
@media (min-width: 769px) {
    html body.bt-home-light-preview .bt-header-pc { display: grid !important; }
    html body.bt-home-light-preview .bt-header-mobile { display: none !important; }
}
@media (max-width: 768px) {
    html body.bt-home-light-preview .bt-header-pc { display: none !important; }
    html body.bt-home-light-preview .bt-header-mobile {
        display: block !important;
        padding: 9px !important;
        overflow: visible !important;
        border-radius: 16px !important;
        background: linear-gradient(155deg,#fffefa,#fff8e9) !important;
    }
    html body.bt-home-light-preview .bt-mb-row1 {
        min-height: 40px !important;
        padding: 0 1px 8px !important;
        border-bottom: 1px solid rgba(177,123,48,.12) !important;
    }
    html body.bt-home-light-preview .bt-mb-row1 .bt-logo-img { height: 36px !important; }
    html body.bt-home-light-preview .bt-mb-row2 {
        display: flex !important;
        width: 100% !important;
        gap: 3px !important;
        padding: 5px 0 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    html body.bt-home-light-preview .bt-mb-row2 .cat-menu,
    html body.bt-home-light-preview .bt-mb-row2 > .bt-menu-btn {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
    }
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        height: 38px !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 2px 1px !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 10px !important;
        color: #594936 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 9.5px !important;
        white-space: nowrap !important;
    }
    html body.bt-home-light-preview .bt-mb-row2 .cat-button,
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn:hover,
    html body.bt-home-light-preview .bt-mb-row2 .cat-button:hover {
        color: #7b4a10 !important;
        background: #fff3d6 !important;
        transform: none !important;
    }
    html body.bt-home-light-preview .bt-mb-row2 .bt-menu-btn::after { display:none !important; }
    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon { width:16px !important;height:14px !important; }
    html body.bt-home-light-preview .bt-mb-row2 .bt-nav-icon::before { font-size:11px !important; }
    html body.bt-home-light-preview .bt-mb-row2 .cat-list {
        top: calc(100% + 7px) !important;
        z-index: 100000 !important;
        width: min(88vw,340px) !important;
    }
}

/* V5 final cascade: dark and light keep identical navigation geometry */
@media (min-width:769px) {
    html body .bt-header-pc { display:flex !important;align-items:center !important; }
    html body .bt-header-mobile { display:none !important; }
    html body .bt-menu {
        display:flex !important;align-items:center !important;justify-content:center !important;
        gap:3px !important;padding:5px !important;border-radius:999px !important;
    }
    html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button {
        display:inline-flex !important;align-items:center !important;justify-content:center !important;
        gap:7px !important;min-height:39px !important;padding:0 15px !important;border-radius:999px !important;
    }
}
html body .bt-nav-icon {
    display:inline-grid !important;flex:0 0 auto !important;width:18px !important;height:18px !important;
    place-items:center !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;
}
html body:not(.bt-home-light-preview) .bt-menu {
    border:1px solid rgba(196,181,253,.15) !important;background:rgba(20,13,34,.72) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html body:not(.bt-home-light-preview) .bt-menu .bt-menu-btn,
html body:not(.bt-home-light-preview) .bt-menu .cat-button,
html body:not(.bt-home-light-preview) .bt-mb-row2 .bt-menu-btn,
html body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button {
    color:#e9e3f3 !important;border:1px solid transparent !important;background:transparent !important;box-shadow:none !important;text-shadow:none !important;
}
html body:not(.bt-home-light-preview) .bt-menu .cat-button,
html body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button {
    color:#fff1d0 !important;border-color:rgba(234,179,80,.20) !important;
    background:linear-gradient(135deg,rgba(128,75,24,.26),rgba(81,42,92,.26)) !important;
}
html body:not(.bt-home-light-preview) .bt-nav-icon { color:#efb85b !important; }
html body:not(.bt-home-light-preview) .bt-menu .bt-menu-btn:hover,
html body:not(.bt-home-light-preview) .bt-menu .cat-button:hover,
html body:not(.bt-home-light-preview) .bt-mb-row2 .bt-menu-btn:hover,
html body:not(.bt-home-light-preview) .bt-mb-row2 .cat-button:hover {
    color:#fff !important;border-color:rgba(239,184,91,.18) !important;
    background:linear-gradient(135deg,rgba(133,76,30,.27),rgba(91,47,117,.28)) !important;
}
@media (max-width:768px) {
    html body .bt-header-pc { display:none !important; }
    html body .bt-header-mobile { display:block !important;width:100% !important;padding:9px !important;overflow:visible !important;border-radius:16px !important; }
    html body .bt-mb-row1 { display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:40px !important;padding:0 1px 8px !important; }
    html body .bt-mb-row1 .bt-logo-img { height:36px !important; }
    html body .bt-mb-row2 { display:flex !important;width:100% !important;gap:3px !important;padding:5px 0 0 !important;overflow:visible !important;border:0 !important;background:transparent !important;box-shadow:none !important; }
    html body .bt-mb-row2 .cat-menu,html body .bt-mb-row2>.bt-menu-btn { flex:1 1 0 !important;width:auto !important;min-width:0 !important; }
    html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button {
        display:inline-flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;
        min-height:39px !important;height:39px !important;flex-direction:column !important;gap:2px !important;padding:2px 1px !important;
        overflow:hidden !important;border-radius:10px !important;font-size:9.5px !important;white-space:nowrap !important;
    }
    html body .bt-mb-row2 .bt-nav-icon { width:16px !important;height:14px !important; }
    html body .bt-mb-row2 .bt-nav-icon::before { font-size:11px !important; }
    html body .bt-mb-row2 .bt-menu-btn::after { display:none !important; }
    html body .bt-mb-row2 .cat-list { top:calc(100% + 7px) !important;left:0 !important;z-index:100000 !important;width:min(88vw,340px) !important; }
    html body:not(.bt-home-light-preview) .bt-header-mobile {
        border:1px solid rgba(196,181,253,.13) !important;background:linear-gradient(155deg,rgba(17,10,29,.98),rgba(8,5,17,.98)) !important;
        box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04) !important;
    }
    html body:not(.bt-home-light-preview) .bt-mb-row1 { border-bottom:1px solid rgba(196,181,253,.10) !important; }
}

/* V6 final priority: aurora ribbon shared by both themes */
html body{--nav6-a:#e6aa4e;--nav6-b:#8e5ac7;--nav6-text:#eee8f5;--nav6-muted:#b9afc6;--nav6-bg:rgba(17,10,29,.94);--nav6-bg2:rgba(40,22,55,.88);--nav6-line:rgba(205,181,239,.16);--nav6-shadow:rgba(0,0,0,.34)}
html body.bt-home-light-preview{--nav6-a:#bd721e;--nav6-b:#e8ba62;--nav6-text:#493a29;--nav6-muted:#786957;--nav6-bg:rgba(255,254,250,.96);--nav6-bg2:rgba(250,235,205,.91);--nav6-line:rgba(174,113,32,.18);--nav6-shadow:rgba(108,66,13,.11)}
html body .bt-nav-icon{display:inline-grid!important;flex:0 0 auto!important;width:23px!important;height:23px!important;place-items:center!important;border:1px solid color-mix(in srgb,var(--nav6-a) 34%,transparent)!important;border-radius:50%!important;color:var(--nav6-a)!important;background:color-mix(in srgb,var(--nav6-a) 10%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 10px color-mix(in srgb,var(--nav6-a) 12%,transparent)!important}
@media(min-width:769px){
html body .bt-header-pc{display:grid!important;grid-template-columns:minmax(105px,1fr) auto minmax(210px,1fr)!important;align-items:center!important;column-gap:20px!important}
html body .bt-header-mobile{display:none!important}
html body .bt-header-pc>.bt-logo{justify-self:start!important}html body .bt-header-pc>.bt-auth{justify-self:end!important}
html body .bt-menu{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:5px!important;overflow:visible!important;border:1px solid var(--nav6-line)!important;border-radius:17px!important;background:linear-gradient(135deg,var(--nav6-bg),var(--nav6-bg2))!important;box-shadow:0 13px 32px var(--nav6-shadow),inset 0 1px 0 rgba(255,255,255,.09)!important;backdrop-filter:blur(16px)}
html body .bt-menu::after{content:""!important;display:block!important;position:absolute!important;right:20px!important;bottom:-1px!important;left:20px!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,transparent,var(--nav6-a),var(--nav6-b),transparent)!important;opacity:.78!important}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:41px!important;padding:0 14px!important;overflow:hidden!important;border:1px solid transparent!important;border-radius:12px!important;color:var(--nav6-text)!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
html body .bt-menu .cat-button{color:var(--nav6-a)!important;border-color:color-mix(in srgb,var(--nav6-a) 24%,transparent)!important;background:color-mix(in srgb,var(--nav6-a) 10%,transparent)!important}
html body .bt-menu .bt-menu-btn:hover,html body .bt-menu .cat-button:hover{color:var(--nav6-a)!important;border-color:color-mix(in srgb,var(--nav6-a) 25%,transparent)!important;background:color-mix(in srgb,var(--nav6-a) 11%,transparent)!important;box-shadow:0 7px 17px color-mix(in srgb,var(--nav6-a) 13%,transparent)!important;transform:translateY(-2px)!important}
}
@media(max-width:768px){
html body .bt-header-pc{display:none!important}html body .bt-header-mobile{display:block!important;width:100%!important;padding:9px!important;overflow:visible!important;border:1px solid var(--nav6-line)!important;border-radius:17px!important;background:linear-gradient(145deg,var(--nav6-bg),var(--nav6-bg2))!important;box-shadow:0 12px 30px var(--nav6-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(15px)}
html body .bt-mb-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:40px!important;padding:0 1px 8px!important;border-bottom:1px solid var(--nav6-line)!important}
html body .bt-mb-row1 .bt-logo-img{height:36px!important}
html body .bt-mb-row2{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:4px!important;padding:6px 0 0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .bt-mb-row2 .cat-menu,html body .bt-mb-row2>.bt-menu-btn{width:100%!important;min-width:0!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{position:relative!important;display:inline-flex!important;width:100%!important;min-width:0!important;min-height:48px!important;height:48px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:3px 1px!important;overflow:hidden!important;border:1px solid transparent!important;border-radius:12px!important;color:var(--nav6-muted)!important;background:color-mix(in srgb,var(--nav6-bg) 78%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;font-size:9.5px!important;white-space:nowrap!important;text-shadow:none!important}
html body .bt-mb-row2 .cat-button{color:var(--nav6-a)!important;border-color:color-mix(in srgb,var(--nav6-a) 24%,transparent)!important;background:color-mix(in srgb,var(--nav6-a) 12%,var(--nav6-bg))!important}
html body .bt-mb-row2 .bt-menu-btn:hover,html body .bt-mb-row2 .cat-button:hover{color:var(--nav6-a)!important;border-color:color-mix(in srgb,var(--nav6-a) 23%,transparent)!important;background:color-mix(in srgb,var(--nav6-a) 11%,var(--nav6-bg))!important;transform:translateY(-1px)!important}
html body .bt-mb-row2 .bt-nav-icon{width:21px!important;height:21px!important}html body .bt-mb-row2 .bt-menu-btn::after{display:none!important}html body .bt-mb-row2 .cat-list{top:calc(100% + 7px)!important;left:0!important;z-index:100000!important;width:min(88vw,340px)!important}
}

/* NAVIGATION V7 - CLEAR STORY CARDS */
html body{--nav7-accent:#e5a74b;--nav7-accent2:#a86ee8;--nav7-text:#f6f1fa;--nav7-muted:#c6bbcf;--nav7-card:#171022;--nav7-card2:#21142f;--nav7-line:rgba(211,191,235,.18);--nav7-shadow:rgba(0,0,0,.31)}
html body.bt-home-light-preview{--nav7-accent:#b96d1c;--nav7-accent2:#d99a36;--nav7-text:#443627;--nav7-muted:#796a58;--nav7-card:#fffdf8;--nav7-card2:#fff4df;--nav7-line:rgba(171,110,29,.19);--nav7-shadow:rgba(104,62,11,.10)}

html body .bt-nav-icon{
    width:28px!important;height:28px!important;border:1px solid color-mix(in srgb,var(--nav7-accent) 34%,transparent)!important;
    border-radius:9px!important;color:var(--nav7-accent)!important;background:color-mix(in srgb,var(--nav7-accent) 11%,transparent)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 12px color-mix(in srgb,var(--nav7-accent) 12%,transparent)!important;
}

@media(min-width:769px){
html body .bt-header-pc{display:grid!important;grid-template-columns:minmax(105px,1fr) auto minmax(205px,1fr)!important;align-items:center!important;column-gap:22px!important}
html body .bt-header-mobile{display:none!important}html body .bt-header-pc>.bt-logo{justify-self:start!important}html body .bt-header-pc>.bt-auth{justify-self:end!important}
html body .bt-menu{display:grid!important;grid-template-columns:repeat(4,max-content)!important;gap:8px!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html body .bt-menu::after{display:none!important}
html body .bt-menu .cat-menu{min-width:0!important}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{
position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
min-height:48px!important;padding:0 14px 0 10px!important;overflow:hidden!important;border:1px solid var(--nav7-line)!important;border-radius:14px!important;
color:var(--nav7-text)!important;background:linear-gradient(145deg,var(--nav7-card),var(--nav7-card2))!important;
box-shadow:0 8px 20px var(--nav7-shadow),inset 0 1px 0 rgba(255,255,255,.10)!important;text-shadow:none!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important}
html body .bt-menu .bt-menu-btn::before,html body .bt-menu .cat-button::before{
content:""!important;display:block!important;position:absolute!important;top:8px!important;bottom:8px!important;left:0!important;width:3px!important;
border-radius:0 99px 99px 0!important;background:linear-gradient(180deg,var(--nav7-accent),var(--nav7-accent2))!important;opacity:.78!important}
html body .bt-menu .bt-menu-btn:hover,html body .bt-menu .cat-button:hover{
color:var(--nav7-accent)!important;border-color:color-mix(in srgb,var(--nav7-accent) 35%,transparent)!important;
background:linear-gradient(145deg,var(--nav7-card2),var(--nav7-card))!important;
box-shadow:0 13px 27px color-mix(in srgb,var(--nav7-shadow) 86%,transparent),inset 0 1px 0 rgba(255,255,255,.13)!important;
transform:translateY(-3px)!important}
html body .bt-menu .cat-button{color:var(--nav7-accent)!important}
}

@media(max-width:1120px) and (min-width:769px){
html body .bt-header-pc{column-gap:10px!important}html body .bt-menu{gap:5px!important}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{min-height:44px!important;padding:0 9px 0 7px!important;gap:6px!important;font-size:11px!important}
html body .bt-menu .bt-nav-icon{width:24px!important;height:24px!important}
}

@media(max-width:768px){
html body .bt-header-pc{display:none!important}
html body .bt-header-mobile{display:block!important;width:100%!important;padding:10px!important;overflow:visible!important;border:1px solid var(--nav7-line)!important;border-radius:18px!important;background:linear-gradient(145deg,var(--nav7-card),var(--nav7-card2))!important;box-shadow:0 13px 30px var(--nav7-shadow),inset 0 1px 0 rgba(255,255,255,.09)!important}
html body .bt-mb-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:0 1px 9px!important;border-bottom:1px solid var(--nav7-line)!important}
html body .bt-mb-row1 .bt-logo-img{height:37px!important}
html body .bt-mb-row2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;padding:8px 0 0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .bt-mb-row2 .cat-menu,html body .bt-mb-row2>.bt-menu-btn{width:100%!important;min-width:0!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{
position:relative!important;display:inline-flex!important;width:100%!important;min-width:0!important;min-height:48px!important;height:48px!important;
flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 11px!important;overflow:hidden!important;
border:1px solid var(--nav7-line)!important;border-radius:13px!important;color:var(--nav7-text)!important;background:color-mix(in srgb,var(--nav7-card) 84%,transparent)!important;
box-shadow:0 6px 15px color-mix(in srgb,var(--nav7-shadow) 72%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important;font-size:11px!important;white-space:nowrap!important;text-shadow:none!important}
html body .bt-mb-row2 .bt-menu-btn::before,html body .bt-mb-row2 .cat-button::before{
content:""!important;display:block!important;position:absolute!important;top:10px!important;bottom:10px!important;left:0!important;width:3px!important;
border-radius:0 99px 99px 0!important;background:linear-gradient(180deg,var(--nav7-accent),var(--nav7-accent2))!important;opacity:.78!important}
html body .bt-mb-row2 .cat-button{color:var(--nav7-accent)!important;background:color-mix(in srgb,var(--nav7-accent) 9%,var(--nav7-card))!important}
html body .bt-mb-row2 .bt-menu-btn:hover,html body .bt-mb-row2 .cat-button:hover,html body .bt-mb-row2 .bt-menu-btn:active,html body .bt-mb-row2 .cat-button:active{
color:var(--nav7-accent)!important;border-color:color-mix(in srgb,var(--nav7-accent) 30%,transparent)!important;background:color-mix(in srgb,var(--nav7-accent) 8%,var(--nav7-card))!important;transform:translateY(-1px)!important}
html body .bt-mb-row2 .bt-nav-icon{width:27px!important;height:27px!important}
html body .bt-mb-row2 .bt-menu-btn::after{content:""!important;display:block!important;position:absolute!important;right:11px!important;top:50%!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--nav7-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--nav7-accent) 11%,transparent)!important;transform:translateY(-50%)!important}
html body .bt-mb-row2 .bt-nav-chevron{position:absolute!important;right:12px!important;top:50%!important;width:6px!important;height:6px!important;margin:-4px 0 0!important}
html body .bt-mb-row2 .cat-list{top:calc(100% + 7px)!important;left:0!important;z-index:100000!important;width:min(88vw,340px)!important}
}

@media(max-width:360px){
html body .bt-header-mobile{padding:8px!important}html body .bt-mb-row2{gap:5px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{min-height:44px!important;height:44px!important;padding-inline:8px!important;gap:6px!important;font-size:10px!important}
html body .bt-mb-row2 .bt-nav-icon{width:24px!important;height:24px!important}
}

/* NAVIGATION V8 - SOFT CAPSULES, NO SIDE STRIPES */
html body{--nav8-a:#e5aa50;--nav8-b:#9d6bd5;--nav8-text:#f4eff8;--nav8-card:#181022;--nav8-card2:#241633;--nav8-line:rgba(213,194,237,.17);--nav8-shadow:rgba(0,0,0,.3)}
html body.bt-home-light-preview{--nav8-a:#b96d1c;--nav8-b:#dd9d38;--nav8-text:#493a29;--nav8-card:#fffdf8;--nav8-card2:#fff3dc;--nav8-line:rgba(171,110,29,.18);--nav8-shadow:rgba(103,61,10,.1)}

html body .bt-nav-icon{
width:29px!important;height:29px!important;border:0!important;border-radius:10px!important;color:var(--nav8-a)!important;
background:linear-gradient(145deg,color-mix(in srgb,var(--nav8-a) 16%,transparent),color-mix(in srgb,var(--nav8-b) 11%,transparent))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 13px color-mix(in srgb,var(--nav8-a) 13%,transparent)!important}

@media(min-width:769px){
html body .bt-header-pc{display:grid!important;grid-template-columns:minmax(105px,1fr) auto minmax(205px,1fr)!important;align-items:center!important;column-gap:22px!important}
html body .bt-header-mobile{display:none!important}html body .bt-header-pc>.bt-logo{justify-self:start!important}html body .bt-header-pc>.bt-auth{justify-self:end!important}
html body .bt-menu{display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html body .bt-menu::after{display:none!important}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{
position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:48px!important;
padding:0 15px 0 10px!important;overflow:hidden!important;border:1px solid var(--nav8-line)!important;border-radius:16px!important;color:var(--nav8-text)!important;
background:linear-gradient(145deg,var(--nav8-card),var(--nav8-card2))!important;box-shadow:0 8px 21px var(--nav8-shadow),inset 0 1px 0 rgba(255,255,255,.10)!important;text-shadow:none!important}
html body .bt-menu .bt-menu-btn::before,html body .bt-menu .cat-button::before{
content:""!important;display:block!important;position:absolute!important;top:-24px!important;right:-22px!important;width:58px!important;height:58px!important;
border:0!important;border-radius:50%!important;background:radial-gradient(circle,color-mix(in srgb,var(--nav8-a) 19%,transparent),transparent 68%)!important;opacity:.7!important;pointer-events:none!important}
html body .bt-menu .bt-menu-btn:hover,html body .bt-menu .cat-button:hover{
color:var(--nav8-a)!important;border-color:color-mix(in srgb,var(--nav8-a) 32%,transparent)!important;background:linear-gradient(145deg,var(--nav8-card2),var(--nav8-card))!important;
box-shadow:0 13px 28px color-mix(in srgb,var(--nav8-shadow) 85%,transparent),0 0 0 3px color-mix(in srgb,var(--nav8-a) 7%,transparent)!important;transform:translateY(-3px)!important}
html body .bt-menu .cat-button{color:var(--nav8-a)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--nav8-a) 8%,var(--nav8-card)),var(--nav8-card2))!important}
}

@media(max-width:1110px) and (min-width:769px){
html body .bt-header-pc{column-gap:9px!important}html body .bt-menu{gap:5px!important}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{min-height:44px!important;padding:0 9px 0 7px!important;gap:6px!important;font-size:11px!important}
html body .bt-menu .bt-nav-icon{width:25px!important;height:25px!important}
}

@media(max-width:768px){
html body .bt-header-pc{display:none!important}
html body .bt-header-mobile{display:block!important;width:100%!important;padding:10px!important;overflow:visible!important;border:1px solid var(--nav8-line)!important;border-radius:19px!important;background:linear-gradient(145deg,var(--nav8-card),var(--nav8-card2))!important;box-shadow:0 13px 30px var(--nav8-shadow),inset 0 1px 0 rgba(255,255,255,.09)!important}
html body .bt-mb-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:0 1px 9px!important;border-bottom:1px solid var(--nav8-line)!important}
html body .bt-mb-row1 .bt-logo-img{height:37px!important}
html body .bt-mb-row2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;padding:8px 0 0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .bt-mb-row2 .cat-menu,html body .bt-mb-row2>.bt-menu-btn{width:100%!important;min-width:0!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{
position:relative!important;display:inline-flex!important;width:100%!important;min-width:0!important;min-height:50px!important;height:50px!important;flex-direction:row!important;
align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 12px!important;overflow:hidden!important;border:1px solid var(--nav8-line)!important;
border-radius:15px!important;color:var(--nav8-text)!important;background:color-mix(in srgb,var(--nav8-card) 88%,transparent)!important;
box-shadow:0 6px 16px color-mix(in srgb,var(--nav8-shadow) 72%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important;font-size:11px!important;white-space:nowrap!important;text-shadow:none!important}
html body .bt-mb-row2 .bt-menu-btn::before,html body .bt-mb-row2 .cat-button::before{
content:""!important;display:block!important;position:absolute!important;top:-25px!important;right:-24px!important;width:65px!important;height:65px!important;
border:0!important;border-radius:50%!important;background:radial-gradient(circle,color-mix(in srgb,var(--nav8-a) 18%,transparent),transparent 68%)!important;opacity:.72!important}
html body .bt-mb-row2 .cat-button{color:var(--nav8-a)!important;background:color-mix(in srgb,var(--nav8-a) 7%,var(--nav8-card))!important}
html body .bt-mb-row2 .bt-menu-btn:hover,html body .bt-mb-row2 .cat-button:hover,html body .bt-mb-row2 .bt-menu-btn:active,html body .bt-mb-row2 .cat-button:active{
color:var(--nav8-a)!important;border-color:color-mix(in srgb,var(--nav8-a) 31%,transparent)!important;background:color-mix(in srgb,var(--nav8-a) 7%,var(--nav8-card))!important;box-shadow:0 9px 20px color-mix(in srgb,var(--nav8-shadow) 76%,transparent)!important;transform:translateY(-1px)!important}
html body .bt-mb-row2 .bt-nav-icon{width:28px!important;height:28px!important}
html body .bt-mb-row2 .bt-menu-btn::after{content:"›"!important;display:block!important;position:absolute!important;right:12px!important;top:50%!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;color:color-mix(in srgb,var(--nav8-a) 65%,var(--nav8-text))!important;background:transparent!important;box-shadow:none!important;font-size:17px!important;line-height:1!important;transform:translateY(-52%)!important}
html body .bt-mb-row2 .bt-nav-chevron{position:absolute!important;right:13px!important;top:50%!important;width:6px!important;height:6px!important;margin:-4px 0 0!important}
html body .bt-mb-row2 .cat-list{top:calc(100% + 7px)!important;left:0!important;z-index:100000!important;width:min(88vw,340px)!important}
}

@media(max-width:360px){
html body .bt-header-mobile{padding:8px!important}html body .bt-mb-row2{gap:5px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{min-height:46px!important;height:46px!important;padding-inline:9px!important;gap:7px!important;font-size:10px!important}
html body .bt-mb-row2 .bt-nav-icon{width:25px!important;height:25px!important}
}

/* NAVIGATION V9 - REFINED SEGMENTED BAR */
html body{--nav9-a:#dda34b;--nav9-text:#eee8f4;--nav9-muted:#b9afc4;--nav9-bg:#171021;--nav9-soft:#21152e;--nav9-line:rgba(211,193,233,.16);--nav9-hover:rgba(221,163,75,.10);--nav9-shadow:rgba(0,0,0,.28)}
html body.bt-home-light-preview{--nav9-a:#b96e1d;--nav9-text:#483b2d;--nav9-muted:#786b5b;--nav9-bg:#fffdf8;--nav9-soft:#fff5e4;--nav9-line:rgba(170,111,31,.17);--nav9-hover:rgba(185,110,29,.08);--nav9-shadow:rgba(102,61,11,.09)}

html body .bt-nav-icon{
width:22px!important;height:22px!important;border:0!important;border-radius:7px!important;color:var(--nav9-a)!important;
background:var(--nav9-hover)!important;box-shadow:none!important}
html body .bt-nav-icon::before{font-size:11px!important}
html body .bt-nav-icon-book::before{font-size:12px!important}

@media(min-width:769px){
html body .bt-header-pc{display:grid!important;grid-template-columns:minmax(105px,1fr) auto minmax(205px,1fr)!important;align-items:center!important;column-gap:22px!important}
html body .bt-header-mobile{display:none!important}html body .bt-header-pc>.bt-logo{justify-self:start!important}html body .bt-header-pc>.bt-auth{justify-self:end!important}
html body .bt-menu{
display:flex!important;align-items:center!important;gap:0!important;padding:4px!important;overflow:visible!important;
border:1px solid var(--nav9-line)!important;border-radius:15px!important;background:linear-gradient(145deg,var(--nav9-bg),var(--nav9-soft))!important;
box-shadow:0 9px 24px var(--nav9-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(14px)!important}
html body .bt-menu::after{display:none!important}
html body .bt-menu .cat-menu{min-width:0!important}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{
position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
min-height:40px!important;padding:0 14px!important;overflow:hidden!important;border:0!important;border-radius:10px!important;
color:var(--nav9-text)!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}
html body .bt-menu .bt-menu-btn+ .bt-menu-btn::before,html body .bt-menu .cat-menu+ .bt-menu-btn::before{
content:""!important;display:block!important;position:absolute!important;top:10px!important;bottom:10px!important;left:-2px!important;width:1px!important;
border:0!important;border-radius:0!important;background:var(--nav9-line)!important;opacity:1!important}
html body .bt-menu .cat-button{color:var(--nav9-a)!important;background:var(--nav9-hover)!important}
html body .bt-menu .bt-menu-btn:hover,html body .bt-menu .cat-button:hover{
color:var(--nav9-a)!important;border:0!important;background:var(--nav9-hover)!important;box-shadow:none!important;transform:none!important}
html body .bt-menu .bt-menu-btn:hover .bt-nav-icon,html body .bt-menu .cat-button:hover .bt-nav-icon{transform:scale(1.06)!important}
}

@media(max-width:1080px) and (min-width:769px){
html body .bt-header-pc{column-gap:10px!important}html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{padding-inline:9px!important;font-size:11px!important}
}

@media(max-width:768px){
html body .bt-header-pc{display:none!important}
html body .bt-header-mobile{
display:block!important;width:100%!important;padding:9px!important;overflow:visible!important;border:1px solid var(--nav9-line)!important;border-radius:17px!important;
background:linear-gradient(145deg,var(--nav9-bg),var(--nav9-soft))!important;box-shadow:0 10px 26px var(--nav9-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important}
html body .bt-mb-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:40px!important;padding:0 1px 8px!important;border-bottom:1px solid var(--nav9-line)!important}
html body .bt-mb-row1 .bt-logo{padding:2px 5px!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .bt-mb-row1 .bt-logo-img{height:36px!important}
html body .bt-mb-row2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important;padding:7px 0 0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .bt-mb-row2 .cat-menu,html body .bt-mb-row2>.bt-menu-btn{width:100%!important;min-width:0!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{
position:relative!important;display:inline-flex!important;width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;
flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0 11px!important;overflow:hidden!important;
border:1px solid var(--nav9-line)!important;border-radius:11px!important;color:var(--nav9-text)!important;background:color-mix(in srgb,var(--nav9-bg) 88%,transparent)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;font-size:10.5px!important;white-space:nowrap!important;text-shadow:none!important;transform:none!important}
html body .bt-mb-row2 .bt-menu-btn::before,html body .bt-mb-row2 .cat-button::before{display:none!important}
html body .bt-mb-row2 .cat-button{color:var(--nav9-a)!important;background:var(--nav9-hover)!important}
html body .bt-mb-row2 .bt-menu-btn:hover,html body .bt-mb-row2 .cat-button:hover,html body .bt-mb-row2 .bt-menu-btn:active,html body .bt-mb-row2 .cat-button:active{
color:var(--nav9-a)!important;border-color:color-mix(in srgb,var(--nav9-a) 25%,var(--nav9-line))!important;background:var(--nav9-hover)!important;box-shadow:none!important;transform:none!important}
html body .bt-mb-row2 .bt-nav-icon{width:23px!important;height:23px!important}
html body .bt-mb-row2 .bt-menu-btn::after{
content:""!important;display:block!important;position:absolute!important;right:11px!important;top:50%!important;width:4px!important;height:4px!important;
border:0!important;border-radius:50%!important;background:var(--nav9-a)!important;box-shadow:none!important;opacity:.55!important;transform:translateY(-50%)!important}
html body .bt-mb-row2 .bt-nav-chevron{position:absolute!important;right:12px!important;top:50%!important;width:6px!important;height:6px!important;margin:-4px 0 0!important}
html body .bt-mb-row2 .cat-list{top:calc(100% + 7px)!important;left:0!important;z-index:100000!important;width:min(88vw,340px)!important}
}

@media(max-width:360px){
html body .bt-header-mobile{padding:8px!important}html body .bt-mb-row2{gap:5px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{min-height:42px!important;height:42px!important;padding-inline:8px!important;gap:6px!important;font-size:10px!important}
html body .bt-mb-row2 .bt-nav-icon{width:21px!important;height:21px!important}
}

/* NAVIGATION V10 - TIGHT FRAME AND ACTIVE PAGE */
html body{
--nav10-active-a:#f0b44f;--nav10-active-b:#c27622;--nav10-active-text:#fffaf0;
--nav10-active-glow:rgba(224,148,42,.24)
}
html body.bt-home-light-preview{
--nav10-active-a:#d99735;--nav10-active-b:#b5681c;--nav10-active-text:#fffdf8;
--nav10-active-glow:rgba(185,110,29,.20)
}

@media(min-width:769px){
html body .bt-menu{
width:max-content!important;min-height:0!important;height:48px!important;padding:3px!important;border-radius:13px!important
}
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{
min-height:40px!important;height:40px!important;padding-block:0!important
}
html body .bt-menu .bt-menu-btn.is-active,html body .bt-menu .cat-button.is-active{
color:var(--nav10-active-text)!important;background:linear-gradient(135deg,var(--nav10-active-a),var(--nav10-active-b))!important;
box-shadow:0 5px 14px var(--nav10-active-glow),inset 0 1px 0 rgba(255,255,255,.28)!important
}
html body .bt-menu .bt-menu-btn.is-active .bt-nav-icon,html body .bt-menu .cat-button.is-active .bt-nav-icon{
color:var(--nav10-active-text)!important;background:rgba(255,255,255,.17)!important
}
}

@media(max-width:768px){
html body .bt-header-mobile{padding:7px!important;border-radius:15px!important}
html body .bt-mb-row1{padding-bottom:6px!important}
html body .bt-mb-row2{gap:5px!important;padding-top:6px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{
min-height:40px!important;height:40px!important;border-radius:10px!important
}
html body .bt-mb-row2 .bt-menu-btn.is-active,html body .bt-mb-row2 .cat-button.is-active{
color:var(--nav10-active-text)!important;border-color:transparent!important;
background:linear-gradient(135deg,var(--nav10-active-a),var(--nav10-active-b))!important;
box-shadow:0 5px 13px var(--nav10-active-glow),inset 0 1px 0 rgba(255,255,255,.25)!important
}
html body .bt-mb-row2 .bt-menu-btn.is-active .bt-nav-icon,html body .bt-mb-row2 .cat-button.is-active .bt-nav-icon{
color:var(--nav10-active-text)!important;background:rgba(255,255,255,.17)!important
}
html body .bt-mb-row2 .bt-menu-btn.is-active::after{background:#fff!important;opacity:.85!important}
html body .bt-mb-row2 .cat-button.is-active .bt-nav-chevron{border-color:var(--nav10-active-text)!important}
}

@media(max-width:360px){
html body .bt-header-mobile{padding:6px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{min-height:39px!important;height:39px!important}
}

/* NAVIGATION V11 - ONE ROW MOBILE AND ALIGNED DESKTOP */
@media(min-width:769px){
html body .bt-header-pc{
grid-template-columns:minmax(105px,1fr) auto minmax(205px,1fr)!important;
align-items:center!important;min-height:64px!important
}
html body .bt-header-pc>.bt-logo,html body .bt-header-pc>.bt-menu,html body .bt-header-pc>.bt-auth{
align-self:center!important;margin-top:0!important;margin-bottom:0!important
}
html body .bt-header-pc>.bt-auth{display:flex!important;align-items:center!important;min-height:48px!important}
html body .bt-header-pc .bt-theme-toggle,html body .bt-header-pc .user-btn,html body .bt-header-pc .bt-btn{
margin-top:0!important;margin-bottom:0!important
}
}

@media(max-width:768px){
html body .bt-mb-row2{
display:grid!important;grid-template-columns:minmax(92px,1.25fr) repeat(3,minmax(0,1fr))!important;
align-items:center!important;gap:4px!important;width:100%!important
}
html body .bt-mb-row2 .cat-menu,html body .bt-mb-row2>.bt-menu-btn{width:100%!important;min-width:0!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{
justify-content:center!important;min-width:0!important;width:100%!important;height:40px!important;min-height:40px!important;
gap:5px!important;padding:0 5px!important;font-size:9.5px!important;border-radius:9px!important
}
html body .bt-mb-row2 .bt-nav-icon{flex:0 0 21px!important;width:21px!important;height:21px!important}
html body .bt-mb-row2 .bt-menu-btn::after{display:none!important}
html body .bt-mb-row2 .bt-nav-chevron{right:7px!important;width:5px!important;height:5px!important}
html body .bt-mb-row2 .cat-button{padding-right:16px!important}
}

@media(max-width:390px){
html body .bt-header-mobile{padding-inline:6px!important}
html body .bt-mb-row2{grid-template-columns:minmax(88px,1.25fr) repeat(3,minmax(0,1fr))!important;gap:3px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{
height:38px!important;min-height:38px!important;gap:3px!important;padding-inline:3px!important;font-size:9px!important
}
html body .bt-mb-row2 .cat-button{padding-right:14px!important}
html body .bt-mb-row2 .bt-nav-icon{flex-basis:19px!important;width:19px!important;height:19px!important}
}

@media(max-width:340px){
html body .bt-mb-row2{grid-template-columns:minmax(80px,1.2fr) repeat(3,minmax(0,1fr))!important;gap:2px!important}
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button{font-size:8.5px!important}
html body .bt-mb-row2 .bt-nav-icon{display:none!important}
}

/* NAVIGATION V12 - FORCE LIGHT MOBILE TO ONE ROW */
@media(max-width:768px){
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2{
display:grid!important;grid-template-columns:minmax(92px,1.25fr) repeat(3,minmax(0,1fr))!important;
grid-template-rows:40px!important;grid-auto-flow:column!important;align-items:center!important;
gap:4px!important;width:100%!important;padding:6px 0 0!important;overflow:visible!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-menu,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2>.bt-menu-btn{
grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{
display:inline-flex!important;justify-content:center!important;width:100%!important;min-width:0!important;
height:40px!important;min-height:40px!important;margin:0!important;padding:0 5px!important;gap:5px!important;
font-size:9.5px!important;white-space:nowrap!important
}
}

@media(max-width:390px){
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2{
grid-template-columns:minmax(88px,1.25fr) repeat(3,minmax(0,1fr))!important;grid-template-rows:38px!important;gap:3px!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{
height:38px!important;min-height:38px!important;padding-inline:3px!important;gap:3px!important;font-size:9px!important
}
}

/* NAVIGATION V13 - IDENTICAL LIGHT/DARK MOBILE GEOMETRY */
@media(max-width:768px){
html body.bt-home-light-preview .bt-header-mobile{
display:block!important;padding:7px!important;border-radius:15px!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2{
display:grid!important;grid-template-columns:minmax(92px,1.25fr) repeat(3,minmax(0,1fr))!important;
grid-template-rows:40px!important;grid-auto-flow:row!important;align-items:stretch!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-menu,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2>.bt-menu-btn{
display:block!important;height:40px!important;min-height:40px!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{
display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
width:100%!important;height:40px!important;min-height:40px!important;padding:0 5px!important;gap:5px!important;
border:1px solid var(--nav9-line)!important;border-radius:9px!important;
font-size:9.5px!important;line-height:1!important;text-align:center!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-nav-icon{
display:inline-flex!important;flex:0 0 21px!important;width:21px!important;height:21px!important;margin:0!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{padding-right:16px!important}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-nav-chevron{right:7px!important}
}

@media(max-width:390px){
html body.bt-home-light-preview .bt-header-mobile{padding:6px!important}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2{
grid-template-columns:minmax(88px,1.25fr) repeat(3,minmax(0,1fr))!important;grid-template-rows:38px!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-menu,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2>.bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{
height:38px!important;min-height:38px!important
}
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-nav-icon{
flex-basis:19px!important;width:19px!important;height:19px!important
}
}

/* NAVIGATION V14 - PERFECTLY CENTERED GLYPHS */
html body .bt-nav-icon,
html body.bt-home-light-preview .bt-nav-icon{
position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
padding:0!important;text-align:center!important;line-height:1!important;overflow:hidden!important
}
html body .bt-nav-icon::before,
html body.bt-home-light-preview .bt-nav-icon::before{
position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;
left:50%!important;top:50%!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
line-height:1!important;text-align:center!important;transform:translate(-50%,-50%)!important;transform-origin:center!important
}
html body .bt-nav-icon-book::before,
html body.bt-home-light-preview .bt-nav-icon-book::before{transform:translate(-50%,-52%)!important}
html body .bt-nav-icon-check::before,
html body.bt-home-light-preview .bt-nav-icon-check::before{transform:translate(-50%,-51%)!important}

/* NAVIGATION V15 - CENTERED CHEVRON AND LARGER LABELS */
html body .bt-nav-chevron,
html body.bt-home-light-preview .bt-nav-chevron{
top:50%!important;bottom:auto!important;margin:0!important;transform:translateY(-50%) rotate(45deg)!important;
transform-origin:center!important
}

@media(min-width:769px){
html body .bt-menu .bt-menu-btn,html body .bt-menu .cat-button{
font-size:12.5px!important;font-weight:700!important
}
}

@media(max-width:768px){
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{
font-size:10.5px!important;font-weight:700!important;letter-spacing:0!important
}
html body .bt-mb-row2 .bt-nav-chevron,
html body.bt-home-light-preview .bt-mb-row2 .bt-nav-chevron{
right:7px!important;top:50%!important;bottom:auto!important;margin:0!important;
transform:translateY(-50%) rotate(45deg)!important
}
}

@media(max-width:390px){
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{font-size:10px!important}
}

@media(max-width:340px){
html body .bt-mb-row2 .bt-menu-btn,html body .bt-mb-row2 .cat-button,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .bt-menu-btn,
html body.bt-home-light-preview .bt-header-mobile .bt-mb-row2 .cat-button{font-size:9px!important}
}