/* Обертка на всю ширину с серым фоном */
.seo-section-wrapper {
    width: 100%;
    background: #F3F4F5; /* var(--BG-Gray) */
    overflow: hidden;
}

/* Контейнер контента (1360px) */
.seo-section-inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 50px 0px 50px 0px; /* Отступы из фигмы: top 80px */
    box-sizing: border-box;
}

.seo-item {
    width: 100%;
}

/* Заголовок SEO */
.seo-title {
    color: #292A2A !important;
    font-size: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 32px !important; 
    line-height: 1.2 !important;
}

/* Контейнер текста */
.seo-text-container {
    position: relative;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    /* Высота свернутого состояния (примерно 6 строк * 24px line-height + отступы) */
    /* В фигме текст начинается на 160px, кнопка на 304px -> разница 144px */
    max-height: 144px; 
}

/* Состояние "Свернуто" */
.seo-text-container.collapsed {
    max-height: 144px; 
}

/* Состояние "Развернуто" */
.seo-text-container.expanded {
    max-height: 5000px; /* Достаточно много для любого текста */
}

.seo-text-content {
    color: #292A2A;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 24px; /* line-height 24px из фигмы */
    margin-bottom: 24px; /* Отступ до кнопки */
}

/* Кнопка "Показать все / Свернуть" */
.seo-toggle-wrapper {
    margin-top: 24px;
}

.seo-toggle-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #00B1BA; /* var(--Accent-Default) */
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
}

.seo-toggle-link:hover {
    color: #0099a1;
}

.seo-toggle-link span {
    pointer-events: none;
}