/* 09/26 правим слайдер на главной - делаем media по высоте */

/* ==========================================
   FACTURA — главный слайдер, общий desktop
   ========================================== */

/* Слайдер целиком помещается в первый экран */
#sppb-addon-1603275116514 .sp-slider-outer-stage {
    height: min(1091px, calc(100dvh - 180px)) !important;
}


/* Убираем старый сдвиг фоновой картинки на -45px */
#sppb-addon-1603275116514 .sp-background {
    margin-top: 0 !important;
}


/* Текстовый блок выше */
#sppb-addon-1603275116514 .sp-slider-content-align-left {
    top: -115px !important;
    height: auto !important;
}


/* Сокращаем разрыв после большого заголовка */
#sppb-addon-1603275116514 .slide-title {
    margin-bottom: 22px !important;
}


/* Основной текст */
#sppb-addon-1603275116514 .slide-content-text {
    line-height: 1.4 !important;
    max-width: 86% !important;
}


/* Чёрную навигационную панель немного опускаем */
#sppb-addon-1603275116514 .sp-slider-custom-dot-indecators {
    bottom: 80px !important;
}


/* Старый общий счётчик не используем */
#sppb-addon-1603275116514 .sp-slider_number {
    display: none !important;
}


/* Новый счётчик в одной строке с малым заголовком */
#sppb-addon-1603275116514 .sppb-sp-slider-title.arrow-title::before {
    position: absolute;
    left: calc(100% + 24px);
    top: 5px;

    font-size: 18px;
    line-height: 22px;
    font-weight: 800;

    color: #000;
    white-space: nowrap;
}

#sp-slider-item-1603275116514-num-0-key
.sppb-sp-slider-title.arrow-title::before {
    content: "01/04";
}

#sp-slider-item-1603275116514-num-1-key
.sppb-sp-slider-title.arrow-title::before {
    content: "02/04";
}

#sp-slider-item-1603275116514-num-2-key
.sppb-sp-slider-title.arrow-title::before {
    content: "03/04";
}

#sp-slider-item-1603275116514-num-3-key
.sppb-sp-slider-title.arrow-title::before {
    content: "04/04";
}
/* =========================================================
   FACTURA — главный слайдер
   ШАГ 1: немного уплотняем нижнюю панель
   ========================================================= */

@media (min-width: 992px) and (max-height: 850px) {

    /*
     * Невидимые большие номера продолжают формировать
     * высоту каждого пункта.
     *
     * 117px -> 90px
     */
    #sppb-addon-1603275116514 .sp-slider-text-thumb-number {
        font-size: 90px !important;
        line-height: 90px !important;
    }


    /*
     * Вертикальные padding:
     * 18 + 18 -> 12 + 12
     *
     * Итоговая высота панели:
     * примерно 90 + 12 + 12 = 114px
     */
    #sppb-addon-1603275116514
    .sp-slider-custom-dot-indecators ul li {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }


    /*
     * Стрелки исходно 40 × 105.
     * Под новую высоту немного уменьшаем.
     */
    #sppb-addon-1603275116514 .sp-text-thumbnail-list:before {
        width: 32px !important;
        height: 80px !important;

        margin-top: 5px !important;

        background-size: contain !important;
        background-repeat: no-repeat !important;
    }


    /*
     * Подпись раньше была рассчитана
     * на элемент высотой ~153px:
     * top: 76px.
     *
     * Переносим её под новую геометрию.
     */
    #sppb-addon-1603275116514 .sp-slider-text-thumb-caption {
        top: 54px !important;
        left: 90px !important;
    }
}





/* Главная: на desktop больше не поднимаем #sp-main-body под шапку */
@media (min-width: 992px) {
    body.main-page #sp-main-body {
        margin-top: 0 !important;
    }
}
#sppb-addon-1603275116514 .sp-slider-outer-stage {
    height: min(1091px, calc(100dvh - 190px)) !important;
}

/* =========================================================
   FACTURA — очень широкие desktop-экраны
   Сохраняем воздух между меню и зелёным кругом
   ========================================================= */

@media (min-width: 992px) and (min-aspect-ratio: 12/5) {

    #sppb-addon-1603275116514 .sp-background {
        background-position: center calc(50% + 65px) !important;
    }

}

/* =========================================================
   FACTURA — ШАГ 1 ПО ВЫСОТЕ
   Невысокий desktop: компактнее нижняя навигация
   ========================================================= */

@media (min-width: 992px) and (max-height: 850px) {

    /* Чёрная панель: исходно около 153px */
    #sppb-addon-1603275116514 .sp-slider-custom-dot-indecators {
        height: 116px !important;
    }

    #sppb-addon-1603275116514 .sp-slider-custom-dot-indecators > ul {
        height: 100% !important;
    }

    /* Каждый пункт занимает всю новую высоту панели */
    #sppb-addon-1603275116514
    .sp-slider-custom-dot-indecators ul li {
        height: 116px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box;
    }

    /*
     * Большие невидимые номера больше не должны
     * определять высоту элемента.
     */
    #sppb-addon-1603275116514 .sp-slider-text-thumb-number {
        line-height: 116px !important;
    }

    /* Декоративные стрелки */
    #sppb-addon-1603275116514 .sp-text-thumbnail-list:before {
        width: 32px !important;
        height: 82px !important;

        margin-top: 17px !important;

        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    /* Подписи: Шторы / Жалюзи / ... */
    #sppb-addon-1603275116514 .sp-slider-text-thumb-caption {
        top: 57px !important;
        left: 90px !important;
    }
}

/* =========================================================
   FACTURA — ШАГ 2 ПО ВЫСОТЕ
   Низкий desktop: <= 760px
   ФОН / КРУГ ПОКА НЕ ТРОГАЕМ
   ========================================================= */

@media (min-width: 992px) and (max-height: 760px) {

    /*
     * 1. КРУПНЫЙ ЗАГОЛОВОК
     *
     * Исходно у слайдера около:
     * font-size: 88px;
     * line-height: 93px;
     *
     * Слегка ужимаем, не меняя характер дизайна.
     */
    #sppb-addon-1603275116514 .slide-title {
        font-size: 54px !important;
        line-height: 56px !important;
        margin-bottom: 16px !important;
    }


    /*
     * 2. НИЖНЯЯ ЧЁРНАЯ ПАНЕЛЬ
     *
     * На предыдущем шаге:
     * height: 116px;
     * bottom: 80px;
     *
     * Теперь уменьшаем и опускаем.
     */
    #sppb-addon-1603275116514 .sp-slider-custom-dot-indecators {
        height: 92px !important;
        bottom: 35px !important;
    }

    #sppb-addon-1603275116514
    .sp-slider-custom-dot-indecators > ul {
        height: 100% !important;
    }

    #sppb-addon-1603275116514
    .sp-slider-custom-dot-indecators ul li {
        height: 92px !important;
    }


    /*
     * Невидимый номер внутри пункта
     * подгоняем под новую высоту.
     */
    #sppb-addon-1603275116514 .sp-slider-text-thumb-number {
        line-height: 92px !important;
    }


    /*
     * Старая стрелка также должна уменьшиться,
     * иначе она не помещается в панель 92px.
     */
    #sppb-addon-1603275116514 .sp-text-thumbnail-list:before {
        width: 27px !important;
        height: 66px !important;
        margin-top: 13px !important;
    }


    /*
     * И центрируем подпись относительно новой панели.
     */
    #sppb-addon-1603275116514 .sp-slider-text-thumb-caption {
        top: 44px !important;
        left: 78px !important;
    }
}

@media (min-width: 2400px) and (max-height: 850px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 96% auto !important;
        background-position: center calc(50% + 65px) !important;
        background-repeat: no-repeat !important;
    }
}
@media (min-width: 2400px) and (max-height: 830px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 94% auto !important;
    }
}
@media (min-width: 2400px) and (max-height: 800px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 90% auto !important;
    }
}
@media (min-width: 2400px) and (max-height: 780px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 88% auto !important;
    }
}
@media (min-width: 2400px) and (max-height: 760px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 86% auto !important;
    }
}
@media (min-width: 2400px) and (max-height: 740px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 84% auto !important;
    }
}
@media (min-width: 2400px) and (max-height: 720px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 82% auto !important;
    }
}
@media (min-width: 2400px) and (max-height: 700px) {
    #sppb-addon-1603275116514 .sp-background {
        background-size: 80% auto !important;
    }
}