/* ====================== ИСПРАВЛЕНИЕ ХИРО-БЛОКА + ГРАДИЕНТ ====================== */

/* 1. Сохраняем контейнер на весь экран, чтобы не ломался задний фон */
#js-main-slider .lbox-caption {
    display: table !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* 2. Меняем выравнивание с центра на низ и задаем отступ */
#js-main-slider .lbox-details {
    display: table-cell !important;
    vertical-align: bottom !important; /* Текст внизу */
    padding-bottom: 200px !important;  /* Высота надписи от низа экрана */
    height: 100% !important;
    width: 100% !important;
}

/* 3. ВОЗВРАЩАЕМ ТВОЙ ПЛАВНЫЙ ГРАДИЕНТ НА ВЕСЬ ЭКРАН */
#js-main-slider .lbox-details::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* Твой оригинальный градиент: сверху прозрачнее, к низу темнее */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.08) 0%,
        rgba(0, 0, 0, 0.28) 40%,
        rgba(0, 0, 0, 0.72) 100%
    ) !important;
    z-index: 1 !important;
}

/* 4. Приподнимаем текст над маской, чтобы он был читаемым */
#js-main-slider .lbox-details > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Тени для текста */
#js-main-slider h1, 
#js-main-slider h2,
#js-main-slider p {
    text-shadow: 0 4px 20px rgba(0,0,0,0.8) !important;
}