/*
 * Shijiebei 2026 visual system.
 * Loaded last on purpose: it reshapes legacy templates without touching data logic.
 */
:root {
    --sb-ink: #14211f;
    --sb-muted: #64736f;
    --sb-soft: #eef4f1;
    --sb-page: #f4f7f5;
    --sb-line: #dce7e2;
    --sb-card: #ffffff;
    --sb-green: #11665f;
    --sb-green-2: #0a4d49;
    --sb-red: #d7264d;
    --sb-yellow: #f2b84b;
    --sb-blue: #2457c5;
    --sb-shadow: 0 10px 26px rgba(20, 33, 31, .07);
    --theme-primary: var(--sb-green);
    --theme-primary-hover: var(--sb-green-2);
    --theme-primary-light: rgba(17, 102, 95, .12);
    --theme-primary-rgb: 17, 102, 95;
    --theme-accent: var(--sb-red);
    --theme-gold: var(--sb-yellow);
    --theme-deep: #061c1f;
    --theme-deep-soft: #102b2d;
    --theme-surface: var(--sb-page);
    --bg-page: var(--sb-page);
    --border-light: var(--sb-line);
    --text-main: var(--sb-ink);
    --text-muted: var(--sb-muted);
}

html {
    background: var(--sb-page);
}

body {
    background:
        radial-gradient(circle at 14% 0, rgba(17, 102, 95, .08), transparent 28%),
        linear-gradient(180deg, #f6faf8 0, var(--sb-page) 240px);
    color: var(--sb-ink);
    letter-spacing: 0;
}

.site-container,
.wc-home,
.jzt-basic-page,
.jzt-article-page,
.dir-container,
.jzt-portal-inner,
.yuce-wrap .container,
.seo-core-wrap,
.seo-hub-wrap {
    max-width: 1180px;
}

.jzt-main-shell {
    padding-top: 16px;
}

.jzt-frame-header {
    background: #061c1f;
    box-shadow: 0 12px 32px rgba(6, 28, 31, .2);
}

.jzt-frame-alert {
    background: linear-gradient(90deg, #d7264d, #a91f3d);
}

.jzt-frame-top {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .04), transparent 42%),
        #061c1f;
}

.jzt-frame-logo a {
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .055);
    font-size: 22px;
    line-height: 1;
}

.jzt-frame-nav a {
    border-radius: 8px;
    color: #d9e9e6;
}

.jzt-frame-nav a:hover,
.jzt-frame-nav a.is-current,
.jzt-frame-nav a.is-active {
    background: #f4f9f7;
    color: #061c1f;
}

.jzt-frame-nav a.is-worldcup {
    background: var(--sb-yellow);
    color: #201706;
}

.jzt-frame-sub {
    background: #fff;
    border-bottom-color: var(--sb-line);
}

.jzt-frame-sub nav {
    gap: 16px;
}

.jzt-frame-sub a {
    color: #213936;
}

.jzt-frame-search {
    border-radius: 8px;
    background: #0c2b2f;
}

.jzt-frame-search button,
.jzt-mobile-search button {
    background: var(--sb-green);
}

.jzt-frame-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--sb-green), var(--sb-green-2));
}

.jzt-frame-menu::before {
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
}

.jzt-frame-menu i {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.wc-panel,
.wc-hero-copy,
.wc-featured-card,
.jzt-basic-card,
.jzt-article-card,
.jzt-side-box,
.dir-card,
.mod-box,
.league-header,
.rank-card,
.schedule-card,
.side-card,
.yuce-main-card,
.seo-main-card,
.seo-jzt-hero,
.seo-topic-card,
.video-main-card,
.hub-card,
.cat-main,
.tag-main,
.sp-match-card,
.sp-team-card,
.sp-player-card {
    border: 1px solid var(--sb-line) !important;
    border-radius: 8px !important;
    background: var(--sb-card) !important;
    box-shadow: var(--sb-shadow) !important;
}

.wc-section-head,
.mod-hd,
.side-card-hd,
.dir-head,
.league-title-box,
.rank-head,
.schedule-head,
.jzt-article-module-head,
.sp-section-head {
    border-color: #e8efec !important;
}

.wc-section-head span,
.jzt-basic-head span,
.jzt-article-head span,
.mod-hd span,
.rank-head span,
.dir-kicker,
.wc-kicker,
.seo-jzt-badge,
.side-card-hd span {
    border-radius: 999px !important;
    background: rgba(215, 38, 77, .09) !important;
    color: var(--sb-red) !important;
}

h1, h2, h3,
.wc-hero h1,
.wc-section-head h2,
.league-title-box h1,
.jzt-basic-head h1,
.jzt-article-head h1,
.dir-head h1,
.rank-head h1 {
    color: var(--sb-ink) !important;
    letter-spacing: 0 !important;
}

.wc-hero-copy {
    background:
        linear-gradient(120deg, rgba(17, 102, 95, .12), transparent 48%),
        linear-gradient(24deg, rgba(215, 38, 77, .06), transparent 52%),
        #fff !important;
}

.wc-hero-actions a,
.wc-live-btn,
.jzt-live-btn,
.seo-jzt-live-btn,
.jzt-article-live-btn,
.tag-btn-live,
.yc-live-btn,
.sp-side-live-btn,
.schedule-live-btn,
.side-match-btn,
.btn-full-standings,
.jzt-footer-lead > a {
    border-radius: 8px !important;
    background: var(--sb-green) !important;
    border-color: var(--sb-green) !important;
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(17, 102, 95, .18) !important;
}

.wc-hero-actions a:nth-child(2),
.wc-filter button,
.league-jzt-nav-links a,
.date-nav a,
.schedule-tabs a,
.tab-link,
.dir-filter a {
    border-radius: 8px !important;
}

.wc-hero-actions a:nth-child(2),
.wc-filter button:not(.active),
.league-jzt-nav-links a,
.date-nav a,
.schedule-tabs a,
.dir-filter a {
    background: #f7fbfa !important;
    border: 1px solid var(--sb-line) !important;
    color: var(--sb-green-2) !important;
}

.wc-filter button.active,
.date-nav a.active,
.schedule-tabs a.active,
.dir-filter a.active,
.league-jzt-nav-links a:hover {
    background: var(--sb-green) !important;
    color: #fff !important;
    border-color: var(--sb-green) !important;
}

table,
.rank-table,
.yc-h2h-table {
    border-color: var(--sb-line) !important;
}

th,
.rank-table th,
.yc-h2h-table th {
    background: #f4f8f6 !important;
    color: #415450 !important;
}

td,
.rank-table td,
.yc-h2h-table td {
    border-color: #edf3f1 !important;
}

.wc-today-row,
.wc-cup-card,
.wc-match-row,
.side-match-item,
.jzt-article-match-card,
.dir-team-card,
.dir-player-card,
.topic-card,
.seo-media-card,
.video-card,
.hub-list-item {
    border-radius: 8px !important;
    border-color: #e3ece8 !important;
    background: #fbfdfc !important;
}

.wc-today-row:hover,
.wc-cup-card:hover,
.wc-match-row:hover,
.dir-team-card:hover,
.dir-player-card:hover,
.topic-card:hover,
.hub-list-item:hover {
    border-color: rgba(17, 102, 95, .34) !important;
    box-shadow: 0 8px 18px rgba(17, 102, 95, .08) !important;
}

.jzt-frame-footer {
    background: #061c1f !important;
}

.jzt-footer-lead {
    border-bottom-color: rgba(255, 255, 255, .12) !important;
}

.jzt-footer-grid span,
.jzt-footer-lead strong {
    color: #fff !important;
}

.jzt-footer-grid a,
.jzt-footer-lead p,
.jzt-footer-bottom {
    color: #b6c6c2 !important;
}

.jzt-footer-grid a:hover,
.jzt-footer-bottom a:hover {
    color: #7ee4d6 !important;
}

.jzt-mobile-panel-head {
    background: #061c1f !important;
}

.jzt-mobile-priority a,
.jzt-mobile-list a {
    border-radius: 8px !important;
    background: #f7fbfa !important;
    border-color: var(--sb-line) !important;
}

.jzt-mobile-priority a:first-child {
    background: #fff2f5 !important;
    border-color: #f5c9d3 !important;
    color: var(--sb-red) !important;
}

.sb-empty-page,
.sb-index-fallback {
    padding: 28px 14px 42px;
}

.sb-empty-card,
.sb-index-fallback {
    max-width: 860px;
    margin: 0 auto;
    padding: 28px;
    border: 1px solid var(--sb-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--sb-shadow);
}

.sb-empty-code {
    color: var(--sb-red);
    font-size: 54px;
    line-height: 1;
    font-weight: 950;
}

.sb-empty-title,
.sb-index-fallback h1 {
    margin: 10px 0 0;
    color: var(--sb-ink);
    font-size: 28px;
    line-height: 1.3;
    font-weight: 950;
}

.sb-empty-desc,
.sb-index-fallback p {
    max-width: 680px;
    margin: 12px 0 0;
    color: var(--sb-muted);
    font-size: 14px;
    line-height: 1.8;
}

.sb-empty-actions,
.sb-index-fallback div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.sb-empty-actions a,
.sb-index-fallback a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 8px;
    background: var(--sb-green);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.sb-empty-actions a:nth-child(2),
.sb-index-fallback a:nth-child(2) {
    background: #f7fbfa;
    color: var(--sb-green-2);
    border: 1px solid var(--sb-line);
}

.sb-empty-links {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid #edf3f1;
}

.sb-empty-links h2 {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 950;
}

.sb-topic-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sb-topic-chips a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid var(--sb-line);
    border-radius: 999px;
    background: #f7fbfa;
    color: #38504b;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 992px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block;
    }
}

@media (max-width: 768px) {
    body {
        background: #f4f7f5;
    }

    .site-container,
    .wc-home,
    .jzt-basic-page,
    .jzt-article-page,
    .dir-container,
    .jzt-portal-inner,
    .seo-core-wrap,
    .seo-hub-wrap {
        width: 100%;
        padding-right: 10px !important;
        padding-left: 10px !important;
        box-sizing: border-box;
    }

    .jzt-frame-alert .site-container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .jzt-frame-top,
    .jzt-frame-row {
        min-height: 56px !important;
    }

    .jzt-frame-row {
        gap: 10px !important;
        justify-content: space-between !important;
    }

    .jzt-frame-logo {
        min-width: 0 !important;
        margin: 0 !important;
    }

    .jzt-frame-logo a {
        max-width: calc(100vw - 104px) !important;
        min-height: 38px !important;
        padding: 0 11px !important;
        font-size: 20px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .jzt-frame-logo span {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .jzt-frame-menu.visible-sm,
    button.jzt-frame-menu {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border-radius: 10px !important;
        opacity: 1 !important;
    }

    .jzt-main-shell {
        padding-top: 10px !important;
    }

    .wc-panel,
    .wc-hero-copy,
    .wc-featured-card,
    .jzt-basic-card,
    .jzt-article-card,
    .jzt-side-box,
    .dir-card,
    .mod-box,
    .league-header,
    .rank-card,
    .schedule-card,
    .side-card,
    .yuce-main-card,
    .seo-main-card,
    .seo-jzt-hero {
        box-shadow: 0 6px 16px rgba(20, 33, 31, .05) !important;
    }

    .wc-section-head h2,
    .jzt-basic-head h1,
    .jzt-article-head h1,
    .league-title-box h1,
    .dir-head h1 {
        font-size: 20px !important;
        line-height: 1.28 !important;
    }

    .wc-hero h1 {
        font-size: 22px !important;
    }

    .wc-hero-actions a,
    .wc-live-btn,
    .jzt-live-btn,
    .seo-jzt-live-btn,
    .jzt-article-live-btn,
    .schedule-live-btn {
        min-height: 34px !important;
    }

    .jzt-footer-grid,
    .jzt-footer-mini-cols,
    .jzt-footer-columns,
    .jzt-footer-simple {
        grid-template-columns: 1fr !important;
    }
}

/* Template reset layer: keep data logic, reshape every public template surface. */
.sb-page-shell {
    animation: sb-fade-in .18s ease-out;
}

@keyframes sb-fade-in {
    from { opacity: .96; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

.sb-home-screen,
.sb-archive-screen,
.sb-data-screen,
.sb-directory-screen,
.sb-detail-screen,
.sb-hub-screen,
.sb-video-screen,
.sb-yuce-screen,
.sb-seo-core-screen,
.sb-seo-hub-screen,
.sb-template-static,
.sb-article-screen {
    color: var(--sb-ink);
}

.sb-home-screen a,
.sb-archive-screen a,
.sb-data-screen a,
.sb-directory-screen a,
.sb-detail-screen a,
.sb-hub-screen a,
.sb-video-screen a,
.sb-yuce-screen a,
.sb-seo-core-screen a,
.sb-seo-hub-screen a {
    text-decoration: none;
}

.sb-breadcrumb,
.breadcrumb {
    color: #69807b !important;
}

.sb-breadcrumb a,
.breadcrumb a {
    color: var(--sb-green) !important;
    font-weight: 800;
}

.sb-data-screen .page-wrap,
.sb-data-screen .container,
.sb-directory-screen .dir-container,
.sb-detail-screen .sp-match-container,
.sb-detail-screen .sp-team-container,
.sb-detail-screen .jzt-portal-inner,
.sb-hub-screen .container,
.sb-video-screen.container,
.sb-yuce-screen .container,
.sb-seo-core-screen,
.sb-seo-hub-screen.container {
    max-width: 1180px;
}

.sb-data-screen h1,
.sb-directory-screen h1,
.sb-hub-screen h1,
.sb-video-screen h1,
.sb-yuce-screen h1,
.sb-seo-core-screen h1,
.sb-seo-hub-screen h1 {
    letter-spacing: 0;
    color: #10211e;
}

.sb-data-screen .page-header,
.sb-data-screen .league-header,
.sb-directory-screen .dir-head,
.sb-hub-screen .hub-hero,
.sb-yuce-screen .yuce-hero,
.sb-video-screen .video-hero,
.sb-seo-core-screen .core-hero,
.sb-seo-hub-screen .seo-hub-hero {
    border-radius: var(--sb-radius-lg) !important;
    border: 1px solid rgba(17, 102, 95, .12) !important;
    background:
        linear-gradient(135deg, rgba(17, 102, 95, .10), rgba(36, 87, 197, .06)),
        #ffffff !important;
    box-shadow: var(--sb-shadow) !important;
}

.sb-data-screen .match-list,
.sb-data-screen .schedule-list,
.sb-directory-screen .dir-grid,
.sb-archive-screen .cat-grid,
.sb-archive-screen .tag-grid,
.sb-hub-screen .hub-grid {
    gap: 14px;
}

.sb-data-screen table,
.sb-directory-screen table,
.sb-detail-screen table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 10px;
}

.sb-data-screen th,
.sb-directory-screen th,
.sb-detail-screen th {
    background: #eef6f4 !important;
    color: #203f3a !important;
    font-weight: 900 !important;
}

.sb-data-screen td,
.sb-directory-screen td,
.sb-detail-screen td {
    border-color: #e8f0ee !important;
}

.sb-detail-screen .sp-match-hero,
.sb-detail-screen .sp-team-hero,
.sb-detail-screen .sp-player-hero,
.sb-player-hero {
    border-radius: var(--sb-radius-lg) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 38px rgba(15, 34, 31, .16) !important;
}

.sb-match-screen .sp-match-hero,
.sb-team-screen .sp-team-hero,
.sb-player-screen .sp-player-hero,
.sb-player-hero {
    color: #f8fffd !important;
}

.sb-match-screen .sp-score-core h1,
.sb-match-screen .sp-match-hero h2,
.sb-match-screen .sp-match-hero h3,
.sb-team-screen .sp-team-hero h1,
.sb-team-screen .sp-team-hero h2,
.sb-team-screen .sp-team-hero h3,
.sb-player-screen .sp-player-hero h1,
.sb-player-screen .sp-player-hero h2,
.sb-player-screen .sp-player-hero h3,
.sb-player-hero h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .28) !important;
}

.sb-match-screen .sp-score-row b,
.sb-match-screen .sp-score-row span,
.sb-match-screen .sp-status-line,
.sb-match-screen .sp-status-line time,
.sb-match-screen .sp-match-league,
.sb-match-screen .sp-team-link strong,
.sb-match-screen .sp-team-panel p {
    color: #ffffff !important;
}

.sb-match-screen .sp-score-row span {
    color: rgba(255, 255, 255, .55) !important;
}

.sb-match-screen .sp-match-crumb,
.sb-match-screen .sp-match-crumb a,
.sb-match-screen .sp-match-crumb span {
    color: rgba(238, 248, 246, .84) !important;
}

.sb-match-screen .sp-status-pill {
    background: #ffffff !important;
    color: #15231f !important;
}

.sb-player-body,
.sb-detail-screen .sp-entity-layout,
.sb-detail-screen .sp-match-layout,
.sb-detail-screen .sp-team-layout {
    gap: 18px !important;
}

.sb-detail-screen .sp-match-card,
.sb-detail-screen .sp-team-card,
.sb-detail-screen .sp-player-card,
.sb-player-body .jzt-portal-section,
.sb-player-body .jzt-side-box {
    border-radius: var(--sb-radius) !important;
    border: 1px solid var(--sb-line) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(20, 33, 31, .06) !important;
}

.sb-player-body .jzt-portal-sec-header,
.sb-detail-screen h2,
.sb-detail-screen h3 {
    border-left-color: var(--sb-green) !important;
    color: #14211f !important;
}

.sb-redesign .btn,
.sb-redesign button,
.sb-redesign input[type="submit"],
.sb-redesign .wc-live-btn,
.sb-redesign .jzt-live-btn,
.sb-redesign .schedule-live-btn,
.sb-redesign .seo-jzt-live-btn,
.sb-redesign .jzt-article-live-btn {
    border-radius: 8px !important;
    letter-spacing: 0 !important;
}

.sb-redesign .wc-live-btn,
.sb-redesign .jzt-live-btn,
.sb-redesign .sp-side-live-btn,
.sb-redesign .schedule-live-btn,
.sb-redesign .seo-jzt-live-btn,
.sb-redesign .jzt-article-live-btn,
.sb-redesign input[type="submit"] {
    background: var(--sb-green) !important;
    color: #fff !important;
    border-color: var(--sb-green) !important;
}

.sb-redesign .wc-live-btn:hover,
.sb-redesign .jzt-live-btn:hover,
.sb-redesign .sp-side-live-btn:hover,
.sb-redesign .schedule-live-btn:hover,
.sb-redesign .seo-jzt-live-btn:hover,
.sb-redesign .jzt-article-live-btn:hover {
    background: var(--sb-green-2) !important;
    border-color: var(--sb-green-2) !important;
}

.sb-redesign .jzt-live-btn *,
.sb-redesign .wc-live-btn *,
.sb-redesign .schedule-live-btn *,
.sb-redesign .seo-jzt-live-btn *,
.sb-redesign .jzt-article-live-btn *,
.sb-redesign .sp-side-live-btn *,
.sb-redesign .jzt-live-btn.sp-match-live-primary,
.sb-redesign .jzt-live-btn.sp-match-live-primary *,
.sb-redesign .jzt-live-btn.sp-match-live-line,
.sb-redesign .jzt-live-btn.sp-match-live-line * {
    color: #ffffff !important;
}

.sb-redesign .jzt-live-btn.sp-match-live-line {
    background: var(--sb-green) !important;
    border-color: var(--sb-green) !important;
}

.sb-redesign .badge,
.sb-redesign .tag,
.sb-redesign .status-live,
.sb-redesign .match-status.live,
.sb-redesign .sp-status.live {
    background: var(--sb-red) !important;
    color: #fff !important;
}

.sb-redesign .offcanvas,
.sb-redesign .modal-content {
    border-radius: 14px !important;
}

@media (max-width: 768px) {
    .sb-page-shell {
        padding-top: 8px !important;
    }

    .sb-home-screen,
    .sb-archive-screen,
    .sb-data-screen,
    .sb-directory-screen,
    .sb-detail-screen,
    .sb-hub-screen,
    .sb-video-screen,
    .sb-yuce-screen,
    .sb-seo-core-screen,
    .sb-seo-hub-screen,
    .sb-template-static,
    .sb-article-screen {
        max-width: 100% !important;
    }

    .sb-data-screen .container,
    .sb-directory-screen .dir-container,
    .sb-detail-screen .sp-match-container,
    .sb-detail-screen .sp-team-container,
    .sb-detail-screen .jzt-portal-inner,
    .sb-hub-screen .container,
    .sb-video-screen.container,
    .sb-yuce-screen .container,
    .sb-seo-hub-screen.container {
        width: 100% !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .sb-data-screen .page-header,
    .sb-data-screen .league-header,
    .sb-directory-screen .dir-head,
    .sb-hub-screen .hub-hero,
    .sb-yuce-screen .yuce-hero,
    .sb-video-screen .video-hero,
    .sb-seo-core-screen .core-hero,
    .sb-seo-hub-screen .seo-hub-hero,
    .sb-detail-screen .sp-match-hero,
    .sb-detail-screen .sp-team-hero,
    .sb-detail-screen .sp-player-hero,
    .sb-player-hero {
        border-radius: 12px !important;
        padding: 16px !important;
    }

    .sb-player-hero .hero-flex {
        gap: 14px !important;
        align-items: flex-start !important;
    }

    .sb-player-hero .avatar-box {
        width: 78px !important;
        height: 78px !important;
    }

    .sb-player-hero h1,
    .sb-detail-screen h1,
    .sb-data-screen h1,
    .sb-directory-screen h1 {
        font-size: 21px !important;
        line-height: 1.25 !important;
    }

    .sb-player-body,
    .sb-detail-screen .sp-entity-layout,
    .sb-detail-screen .sp-match-layout,
    .sb-detail-screen .sp-team-layout {
        display: block !important;
    }

    .sb-detail-screen .sp-entity-main,
    .sb-detail-screen .sp-entity-side,
    .sb-detail-screen .sp-match-main,
    .sb-detail-screen .sp-match-side,
    .sb-detail-screen .sp-team-main,
    .sb-detail-screen .sp-team-side {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sb-data-screen table,
    .sb-directory-screen table,
    .sb-detail-screen table {
        font-size: 12px !important;
    }

    .sb-redesign .offcanvas {
        max-width: 88vw !important;
    }
}