/* --- НАСТРОЙКИ --- */
:root {
    /* Отступ снизу у всех блоков T032 */
    --t032-padding-bottom: 120px;

    /* T218: Отступ сверху для блока с текстом (при ширине 980px и меньше) */
    --t218-mobile-margin: 40px;

    /* T218: Отступ сверху для заголовка (при ширине 640px и меньше) */
    /* Стандарт Tilda ~50px, здесь можно задать своё значение */
    --t218-mobile-title-padding: 0px;
}
/* ----------------- */

/* === БЛОК T032 === */

/* 1. Стили обертки */
.t032__wrapper {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    padding-bottom: var(--t032-padding-bottom) !important;
}

/* 2. Основной стиль для текста описания */
.t032__descr {
    text-align: justify;       /* Выравнивание по ширине */
    text-align-last: center;   /* Последняя строка по центру */
    -webkit-hyphens: auto;     /* Автопереносы для Safari/Chrome */
    -ms-hyphens: auto;         /* Автопереносы для IE/Edge */
    hyphens: auto;             /* Стандартные автопереносы */      
}

/* 3. Класс для отмены стилей (используется скриптом) */
.t032__descr.force-left-align {
    text-align: left !important;
    text-align-last: auto !important;
}
.t032__descr.force-center-align {
    text-align: center !important;
    text-align-last: center !important;
}

/* === БЛОК T218 === */

/* Включаем переносы для текстового поля */
.t218__textfield {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Настройки для планшетов и мобильных (ширина 980px и меньше) */
@media screen and (max-width: 980px) {
    .t218__textwrapper {
        /* Применяем отступ из настройки */
        margin-top: var(--t218-mobile-margin) !important;
    }

    /* Принудительное центрирование заголовка и текста внутри него */
    .t218__descrfield,
    .t218__descrfield p {
        text-align: center !important;
    }

    /* Принудительное центрирование последней строки описания */
    .t218__textfield,
    .t218__textfield p {
        text-align-last: center !important;
    }
}

/* Настройки для телефонов (ширина 640px и меньше) */
@media screen and (max-width: 640px) {
    .t218__descrfield {
        /* Переопределяем стандартный отступ Tilda (50px) на свой */
        padding-top: var(--t218-mobile-title-padding) !important;
    }
}