/**
 * Постепенный переход контента: лево → центр → полная ширина
 * Модули с динамическим фоном (p5.js цветочки) — центрированы
 * docs/kapital77/ВЫРАВНИВАНИЕ_МОДУЛЕЙ.md, ФОНЫ_МОДУЛЕЙ_ПЛАН_УЛУЧШЕНИЙ.md
 */

@media (min-width: 1200px) {
    /* ===== Зона 1: Модули с p5.js canvas — центрируем (кроме Advantages: там 3D-форма справа) ===== */
    .section-reviews .container,
    .section-faq .container,
    .section-form .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
        max-width: 1100px;
    }

    .section-reviews .section-badges,
    .section-reviews .section__lead-in,
    .section-reviews .section__title,
    .section-reviews .section__subtitle,
    .section-faq .section__lead-in,
    .section-faq .section__title,
    .section-faq .section__subtitle,
    .section-form .section__lead-in,
    .section-form .section__title,
    .section-form .section__subtitle {
        text-align: center !important;
    }

    .section-reviews .section-badges,
    .section-faq .section-badges,
    .section-form .section-badges {
        justify-content: center !important;
    }

    /* ===== Зона 2: Переход — Documents → Comparison → Conditions (постепенно) ===== */
    .section-documents-checklist .container,
    .section-documents-upload .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: clamp(60px, 8vw, 140px);
        padding-right: clamp(60px, 8vw, 140px);
        max-width: 1000px;
    }

    .section-comparison .container,
    .section-conditions-ranges .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: clamp(48px, 6vw, 100px);
        padding-right: clamp(48px, 6vw, 100px);
        max-width: 1100px;
    }

    /* ===== Зона 3: Центрированные — Knowledge-base, Calculator, Cases, Form-final, Comments, Loan-amount ===== */
    .section-knowledge-base .container,
    .section-calculator .container,
    .section-cases .container,
    .section-form-final .container,
    .section-comments-slider .container,
    .section-loan-amount-calculator .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: clamp(48px, 6vw, 100px);
        padding-right: clamp(48px, 6vw, 100px);
        max-width: 1100px;
    }

    /* Knowledge-base — контейнер по центру, заголовки оставляем left (сложная сетка) */
    .section-calculator .section__lead-in,
    .section-calculator .section__title,
    .section-calculator .section__subtitle,
    .section-cases .section__lead-in,
    .section-cases .section__title,
    .section-cases .section__subtitle,
    .section-form-final .section__lead-in,
    .section-form-final .section__title,
    .section-form-final .section__subtitle,
    .section-loan-amount-calculator .section__lead-in,
    .section-loan-amount-calculator .section__title,
    .section-loan-amount-calculator .section__subtitle,
    .section-loan-amount-calculator .calculator-title,
    .section-loan-amount-calculator .calculator-subtitle {
        text-align: center !important;
    }

    /* Knowledge-base badges — left, т.к. grid header */
    .section-calculator .section-badges,
    .section-cases .section-badges,
    .section-form-final .section-badges,
    .section-loan-amount-calculator .section-badges {
        justify-content: center !important;
    }

    /* Documents-upload — центрирован по замыслу */
    .section-documents-upload .section__lead-in,
    .section-documents-upload .section__title,
    .section-documents-upload .section__subtitle {
        text-align: center !important;
    }

    .section-documents-upload .section-badges {
        justify-content: center !important;
    }

    /* Comparison, Conditions — заголовки по центру для плавности */
    .section-comparison .section__lead-in,
    .section-comparison .section__title,
    .section-comparison .section__subtitle,
    .section-conditions-ranges .section__lead-in,
    .section-conditions-ranges .section__title,
    .section-conditions-ranges .section__subtitle {
        text-align: center !important;
    }

    .section-comparison .section-badges,
    .section-conditions-ranges .section-badges {
        justify-content: center !important;
    }

    /* Documents-checklist — переход, заголовки по центру */
    .section-documents-checklist .section__lead-in,
    .section-documents-checklist .section__title,
    .section-documents-checklist .section__subtitle {
        text-align: center !important;
    }

    .section-documents-checklist .section-badges {
        justify-content: center !important;
    }
}