
    .e24-cat-seo {
        max-width: min(1100px, 94vw);
        margin: 30px auto 30px;
    }
    /* === Свёрнутый блок (details) === */
    .e24-cat-seo-details {
        background: #fafafc;
        border: 1px solid #ececf0;
        border-radius: 14px;
        overflow: hidden;
        transition: border-color .15s;
    }
    .e24-cat-seo-details[open] {
        border-color: #d8d8e0;
    }
    /* Заголовок-кнопка (всегда виден) */
    .e24-cat-seo-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 18px 26px;
        font-size: 1.05rem;
        font-weight: 700;
        color: #1a1a1a;
        cursor: pointer;
        list-style: none;
        user-select: none;
        transition: background .15s;
    }
    .e24-cat-seo-summary::-webkit-details-marker { display: none; }
    .e24-cat-seo-summary:hover {
        background: #f3f3f7;
    }
    .e24-cat-seo-summary-text {
        flex: 1;
    }
    /* «Плюсик / минусик» через CSS */
    .e24-cat-seo-summary-icon {
        flex-shrink: 0;
        position: relative;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: var(--e24-yellow, #FFC107);
        transition: transform .25s;
    }
    .e24-cat-seo-summary-icon::before,
    .e24-cat-seo-summary-icon::after {
        content: '';
        position: absolute;
        background: #1a1a1a;
        border-radius: 1px;
    }
    /* Горизонтальная палочка (всегда) */
    .e24-cat-seo-summary-icon::before {
        top: 50%; left: 6px; right: 6px; height: 2px;
        transform: translateY(-50%);
    }
    /* Вертикальная палочка (только когда закрыт = плюсик) */
    .e24-cat-seo-summary-icon::after {
        left: 50%; top: 6px; bottom: 6px; width: 2px;
        transform: translateX(-50%);
        transition: opacity .25s;
    }
    .e24-cat-seo-details[open] .e24-cat-seo-summary-icon::after {
        opacity: 0;
    }
    .e24-cat-seo-details[open] .e24-cat-seo-summary-icon {
        transform: rotate(180deg);
    }

    /* === Раскрытое содержимое === */
    .e24-cat-seo-body {
        padding: 6px 30px 26px;
        font-size: .95rem;
        line-height: 1.65;
        color: #333;
        text-align: left;
    }
    .e24-cat-seo-body h3 {
        font-size: 1.1rem;
        font-weight: 700;
        color: #1a1a1a;
        margin: 18px 0 8px;
    }
    .e24-cat-seo-body p {
        margin: 0 0 10px;
        color: #444;
    }
    .e24-cat-seo-body strong { color: #1a1a1a; }
    .e24-cat-seo-body ul {
        margin: 10px 0 14px 20px;
        padding: 0;
    }
    .e24-cat-seo-body li {
        margin-bottom: 6px;
        color: #444;
    }
    .e24-cat-seo-body a {
        color: var(--e24-purple, #6C1FAE);
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: border-color .15s;
    }
    .e24-cat-seo-body a:hover { border-bottom-color: var(--e24-purple, #6C1FAE); }

    @media (max-width: 768px) {
        .e24-cat-seo {
            margin: 20px 8px 20px;
        }
        .e24-cat-seo-summary {
            padding: 14px 18px;
            font-size: .98rem;
        }
        .e24-cat-seo-body {
            padding: 4px 20px 20px;
            font-size: .9rem;
        }
        .e24-cat-seo-body h3 { font-size: 1rem; margin-top: 14px; }
    }
    