/* Редизайн главной септика по макету
   figma.com/design/hybYIXfdPbpTSNs4kga78L (фрейм main).

   Файл подключается ТОЛЬКО на септике и ПОСЛЕ перенесённой вёрстки старого
   сайта: при равной силе селектора выигрывает последний, поэтому задирать
   специфичность не нужно и правила остаются читаемыми. */


/* --- Отступ под тёмным меню -------------------------------------------

   В макете от низа тёмного меню до картинки слайдера 100 px, и промежуток
   залит своим цветом — в подписи к стрелке HEX F4F0F0. Сейчас блок-слайдер
   начинается вплотную под меню.

   30 px из этих ста уже есть: у .swiper-slide собственный padding-top:30px
   цвета блока. Добавляем оставшиеся 70 и красим их.

   Цвет кладём фоном, а не отдельным блоком: вёрстка перенесена из зеркала
   дословно, и лишний узел в ней — расхождение с оригиналом на ровном месте.
   Своей фоновой картинки у блока нет (её сняли ещё в template24), место
   свободно. */
.prirod{
    padding-top:70px;
    background-image:linear-gradient(#F4F0F0 0,#F4F0F0 70px,rgba(0,0,0,0) 70px);
}

/* Высота блока задана жёстко (template24: height:500px до 1440 px), а
   box-sizing у него border-box — добавленный отступ съел бы место у самого
   слайдера: картинка не сдвинулась бы вниз, а обрезалась снизу. Поднимаем
   высоту ровно на те же 70 px.

   Снизу правило ограничено намеренно: с 900 px у блока height:auto, и без
   min-width наше значение перебило бы его и сломало мобильную раскладку. */
@media (min-width:901px) and (max-width:1440px){
    .prirod{height:570px}
}