.icms-body-toolbox{ display:inherit; margin-bottom:0px; }

    :root {
      --wb-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      --navy:   #193b56;
      --blue:   #468AFD;
      --text-h: #181818;
      --text-b: #2a2e38;
      --border: #e4e6ed;
    }

    /* ── Общий контейнер ── */
    .pred-wrap {
        max-width: 950px;
        margin: 0 auto;
        padding: 0 16px;
    }

    /* ================================================================
       HERO
    ================================================================ */
    .pred-hero {
        padding: 20px 0 22px;
        border-bottom: 1px solid var(--border);
        margin-bottom: 26px;
    }
    .pred-hero h1 {
        font-size: 27px;
        font-weight: 700;
        color: var(--text-h);
        margin: 0 0 8px;
        font-family: var(--wb-font);
        line-height: 1.3;
    }
    .pred-hero-lead {
        font-size: 16px;
        color: var(--text-b);
        margin: 0 0 8px;
        font-family: var(--wb-font);
        line-height: 1.6;
    }
    .pred-hero-meta {
        font-size: 12px;
        color: #aaa;
        margin: 0;
        font-family: var(--wb-font);
    }
    .pred-hero-meta time { color: #aaa; }

    /* ================================================================
       SECTION HEADER
    ================================================================ */
    .pred-section-hd {
        font-size: 16px;
        font-weight: 700;
        color: var(--text-h);
        text-transform: uppercase;
        letter-spacing: .4px;
        padding-bottom: 10px;
        border-bottom: 2px solid var(--navy);
        margin: 0 0 18px;
        font-family: var(--wb-font);
    }

    /* ================================================================
       FILTERS (только виды спорта)
    ================================================================ */
    .pred-filters {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }
    .pred-filter-group {
        display: flex;
        flex-wrap: wrap;
        background: #eef0f6;
        border-radius: 10px;
        padding: 4px;
        gap: 2px;
    }
    .pred-ftab {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 7px 15px;
        border-radius: 7px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        border: none;
        background: transparent;
        color: #667080;
        font-family: var(--wb-font);
        white-space: nowrap;
        transition: color .15s;
        text-decoration: none;
    }
    .pred-ftab:hover { color: var(--navy); text-decoration: none; }
    .pred-ftab.is-active {
        background: #fff;
        color: var(--navy);
        box-shadow: 0 1px 4px rgba(0,0,0,.1);
    }
    .pred-ftab img { width: 15px; height: 15px; object-fit: contain; }

    /* ================================================================
       CARDS GRID
    ================================================================ */
    .pred-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-bottom: 20px;
    }

    /* Карточки скрытые (>6) */
    .pred-card-wrap { display: flex; }
    .pred-card-wrap.pred-hidden { display: none; }
    .pred-card-wrap.pred-hidden.pred-visible { display: flex; }

    /* ── Карточка ── */
    .pred-card {
        width: 100%;
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 18px 20px;
        position: relative;
        transition: border-color .15s, box-shadow .15s, transform .15s;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
        font-family: var(--wb-font);
    }
    .pred-card:hover {
        border-color: var(--blue);
        box-shadow: 0 6px 18px rgba(70,138,253,.13);
        transform: translateY(-2px);
        text-decoration: none;
        color: inherit;
    }

    /* NEW badge */
    .pred-new {
        position: absolute;
        top: 12px; right: 12px;
        background: #10B981;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 4px;
        letter-spacing: .06em;
        text-transform: uppercase;
        font-family: var(--wb-font);
    }
    /* Карточка с NEW: сдвигаем матчап вниз чтобы не перекрывало лого */
    .pred-card:has(.pred-new) .pred-matchup {
        margin-top: 24px;
    }

    /* Matchup layout */
    .pred-matchup {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 12px;
        margin: 6px 0 14px;
    }
    .pred-logo {
        display: flex;
        justify-content: center;
    }
    .pred-logo img {
        width: 54px;
        height: 54px;
        object-fit: contain;
        border-radius: 50%;
        background: #f5f7fc;
        border: 1px solid var(--border);
        padding: 6px;
        display: block;
        transition: transform .3s ease;
    }
    .pred-card:hover .pred-logo img { transform: scale(1.06); }
    .pred-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 7px;
    }
    .pred-vs {
        font-size: 10px;
        font-weight: 700;
        color: #bfc5d1;
        letter-spacing: .12em;
        font-family: var(--wb-font);
    }
    .pred-time {
        font-size: 13px;
        font-weight: 600;
        color: var(--navy);
        text-align: center;
        white-space: nowrap;
        font-family: var(--wb-font);
    }
    .pred-odds {
        display: inline-block;
        background: var(--navy);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 5px 14px;
        border-radius: 6px;
        white-space: nowrap;
        font-family: var(--wb-font);
    }

    /* Card description */
    .pred-desc {
        border-top: 1px solid #eff1f6;
        padding-top: 11px;
        margin-top: auto;
        font-size: 14px;
        line-height: 1.55;
        color: #636e72;
        font-family: var(--wb-font);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .pred-desc strong { color: var(--navy); font-weight: 600; }

    /* ================================================================
       SHOW MORE CARDS BUTTON
    ================================================================ */
    .pred-showmore-wrap {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }
    .pred-showmore {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 13px 32px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 600;
        background: #fff;
        color: var(--text-h);
        border: 1.5px solid var(--navy);
        font-family: var(--wb-font);
        cursor: pointer;
        transition: background .15s, color .15s;
    }
    .pred-showmore:hover { background: var(--navy); color: #fff; }
    .pred-showmore svg { transition: transform .2s ease; }
    .pred-showmore.is-open svg { transform: rotate(180deg); }

    /* ================================================================
       SEO TEXT (10 строк → expand)
    ================================================================ */
    .pred-seo {
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        margin-bottom: 22px;
        font-family: var(--wb-font);
        overflow: hidden;
    }
    .pred-seo-head {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 20px;
        background: #fff;
        border: none;
        cursor: pointer;
        font-family: var(--wb-font);
        text-align: left;
    }
    .pred-seo-head h2 {
        font-size: 18px;
        font-weight: 700;
        color: var(--text-h);
        margin: 0;
        font-family: var(--wb-font);
    }
    .pred-seo-chevron {
        flex-shrink: 0;
        color: var(--blue);
        transition: transform .25s ease;
    }
    .pred-seo.is-open .pred-seo-chevron { transform: rotate(180deg); }

    /* Preview: ~10 строк (~175px), фейд снизу */
    .pred-seo-clip {
        position: relative;
        max-height: 175px;
        overflow: hidden;
        transition: max-height .45s cubic-bezier(.4,0,.2,1);
    }
    .pred-seo.is-open .pred-seo-clip { max-height: 2000px; }
    .pred-seo-fade {
        position: absolute;
        bottom: 0; left: 0; right: 0;
        height: 60px;
        background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
        pointer-events: none;
        transition: opacity .3s ease;
    }
    .pred-seo.is-open .pred-seo-fade { opacity: 0; }

    .pred-seo-inner {
        padding: 0 20px 20px;
        font-size: 15px;
        line-height: 1.7;
        color: var(--text-b);
    }
    .pred-seo-inner h3 {
        font-size: 17px;
        font-weight: 700;
        color: var(--text-h);
        margin: 20px 0 8px;
        font-family: var(--wb-font);
    }
    .pred-seo-inner p  { margin: 0 0 12px; }
    .pred-seo-inner ul { margin: 0 0 12px; padding-left: 20px; }
    .pred-seo-inner li { margin-bottom: 6px; }
    .pred-seo-inner strong { color: var(--text-h); }

    /* ================================================================
       AUTHOR BLOCK
    ================================================================ */
    .pred-author {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 18px 20px;
        font-family: var(--wb-font);
        margin-bottom: 22px;
    }
    .pred-author-avatar {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--navy), #3867d6);
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-family: var(--wb-font);
        letter-spacing: -.5px;
    }
	.pred-author-avatar img { border-radius: 50%; }
    .pred-author-body { flex: 1; min-width: 0; }
    .pred-author-name {
        font-size: 16px;
        font-weight: 700;
        color: var(--navy);
        text-decoration: none;
        display: block;
        line-height: 1.2;
        margin-bottom: 2px;
        transition: color .15s;
    }
    .pred-author-name:hover { color: var(--blue); }
    .pred-author-role {
        font-size: 13px;
        color: #888;
        display: block;
        margin-bottom: 9px;
        font-family: var(--wb-font);
    }
    .pred-author-desc {
        font-size: 14px;
        color: var(--text-b);
        line-height: 1.55;
        margin: 0;
    }

    /* ================================================================
       FAQ ACCORDION
    ================================================================ */
    .pred-faq-title {
        font-size: 16px;
        font-weight: 700;
        color: var(--text-h);
        text-transform: uppercase;
        letter-spacing: .4px;
        padding-bottom: 10px;
        border-bottom: 2px solid var(--navy);
        margin: 0 0 14px;
        font-family: var(--wb-font);
    }
    .pred-faq-item {
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        margin-bottom: 8px;
        overflow: hidden;
    }
    .pred-faq-q {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px;
        background: #fff;
        border: none;
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        color: var(--text-h);
        text-align: left;
        font-family: var(--wb-font);
        transition: background .15s;
    }
    .pred-faq-q:hover { background: #f8f9ff; }
    .pred-faq-icon {
        flex-shrink: 0;
        color: var(--blue);
        transition: transform .25s ease;
    }
    .pred-faq-item.is-open .pred-faq-icon { transform: rotate(45deg); }
    .pred-faq-a {
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: grid-template-rows .35s cubic-bezier(.4,0,.2,1);
    }
    .pred-faq-item.is-open .pred-faq-a { grid-template-rows: 1fr; }
    .pred-faq-a > .pred-faq-inner { min-height: 0; }
    .pred-faq-inner {
        overflow: hidden;
        padding: 0 16px;
        opacity: 0;
        font-size: 15px;
        line-height: 1.65;
        color: var(--text-b);
        transition: padding .35s ease, opacity .25s ease;
        font-family: var(--wb-font);
    }
    .pred-faq-item.is-open .pred-faq-inner {
        padding: 4px 16px 16px;
        opacity: 1;
    }

    /* ================================================================
       RESPONSIVE
    ================================================================ */
    @media (max-width: 768px) {
        .pred-grid { grid-template-columns: 1fr; gap: 12px; }
        .pred-hero h1 { font-size: 23px; }
        .pred-hero-lead { font-size: 15px; }
        .pred-seo-head h2 { font-size: 16px; }
    }
    @media (max-width: 576px) {
        .pred-hero { padding: 14px 0 16px; margin-bottom: 18px; }
        .pred-hero h1 { font-size: 21px; }
        .pred-hero-lead { font-size: 14px; }
        .pred-wrap { padding: 0 12px; }
        .pred-ftab { padding: 6px 11px; font-size: 13px; }
        .pred-ftab img { width: 13px; height: 13px; }
        .pred-card { padding: 14px 16px; }
        .pred-logo img { width: 44px; height: 44px; }
        .pred-odds { font-size: 14px; padding: 4px 11px; }
        .pred-author { gap: 0; padding: 12px 14px; }
        .pred-author-avatar { display: none; }
        .pred-author-name { font-size: 13px; margin-bottom: 1px; }
        .pred-author-role { font-size: 11px; margin-bottom: 5px; }
        .pred-author-desc { font-size: 12px; line-height: 1.5; }
        .pred-showmore { width: 100%; justify-content: center; }
        .pred-faq-q { font-size: 14px; }
    }
    @media (max-width: 380px) {
        .pred-hero h1 { font-size: 19px; }
        .pred-ftab { padding: 5px 9px; font-size: 12px; }
        .pred-logo img { width: 38px; height: 38px; }
    }