/*
 * AIBlocks — «Управление арендной недвижимостью».
 *
 * Страница целиком построена на общих компонентах страницы «Сдача и управление
 * недвижимостью» (`vtg-s-*`) и стилизуется файлом assets/css/sdacha.css.
 * Здесь НЕ создаётся ни одного нового компонента, цвета, радиуса, размера
 * шрифта или отступа: файл только (1) распространяет уже существующие правила
 * блока #vtg-s-extra на три дополнительные секции того же типа и
 * (2) делает сетку «Кому подходит» 2×2, потому что карточек четыре, а не три.
 * Значения скопированы из sdacha.css дословно. Файл подключается ТОЛЬКО на этой
 * странице, поэтому страница сдачи не затрагивается.
 */

/* ── 1. Дополнительные текстовые секции = компонент #vtg-s-extra ─────────── */
#vtg-s-extra2, #vtg-s-extra3, #vtg-s-extra4 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    font-family: var(--vtg-font);
    color: var(--vtg-color-text);
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
}
#vtg-s-extra2 .vtg-s-extra-box,
#vtg-s-extra3 .vtg-s-extra-box,
#vtg-s-extra4 .vtg-s-extra-box {
    background: linear-gradient(135deg, var(--vtg-color-bg-light) 0%, #ffffff 100%);
    border: 1px solid var(--vtg-color-divider);
    border-radius: 20px; padding: 44px;
    margin-top: 36px; max-width: 880px; margin-left: auto; margin-right: auto;
}
#vtg-s-extra2 .vtg-s-extra-box p,
#vtg-s-extra3 .vtg-s-extra-box p,
#vtg-s-extra4 .vtg-s-extra-box p {
    font-size: 16px; line-height: 1.8; color: var(--vtg-color-text); margin: 0 0 16px;
}
#vtg-s-extra2 .vtg-s-extra-box p:last-child,
#vtg-s-extra3 .vtg-s-extra-box p:last-child,
#vtg-s-extra4 .vtg-s-extra-box p:last-child { margin: 0; }

/* ── 2. «Кому подходит»: четыре карточки в существующей сетке → 2×2 ──────── */
#vtg-s-aud .vtg-s-aud-grid { grid-template-columns: repeat(2, 1fr); }

/* ── 3. Hero: три абзаца описания вместо одного ──────────────────────────── */
#vtg-s-hero .vtg-s-hero-sub { margin-bottom: 16px; }
#vtg-s-hero .vtg-s-hero-sub:last-of-type { margin-bottom: 40px; }

/* ── 4. Длинные русские eyebrow переносятся по словам, а не по буквам ────── */
.vtg-s-eyebrow > span, .vtg-s-hero-eyebrow > span, .vtg-s-cta-eyebrow > span {
    min-width: 0; word-break: normal; overflow-wrap: normal; hyphens: none;
}

/* ── RESPONSIVE (те же точки, что в sdacha.css) ──────────────────────────── */
@media (max-width: 900px) {
    /* ритм секций на мобиле: 60px, как у всех остальных секций страницы */
    #vtg-s-extra, #vtg-s-extra2, #vtg-s-extra3, #vtg-s-extra4 {
        padding-top: 60px !important; padding-bottom: 60px !important;
    }
    #vtg-s-aud .vtg-s-aud-grid { grid-template-columns: 1fr; }
}