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

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

   Размеры взяты из макета как есть. Оговорка на будущее: снимки внутри
   макета увеличены примерно в 1,41 раза относительно живого сайта (у него
   контейнер 960 px, в макете он же 1358). То есть «100» и «126» с макета,
   перенесённые один в один, выглядят в полтора раза просторнее, чем видел
   их автор макета. Так решено сознательно. */


/* --- Блок-слайдер: поля сверху и снизу ---------------------------------

   В макете стрелки меряют от края блока до КАРТИНКИ: сверху от низа тёмного
   меню до верха картинки 100 px, снизу от низа картинки до края блока тоже
   100 px. Обе полосы подписаны цветом F4F0F0, у верхней приписка «как на
   блоке-слайдере».

   Сверху 30 px из ста уже есть: у .swiper-slide собственный padding-top:30px.
   Снизу своего запаса 5 px. Отсюда 70 и 95.

   Цвет — всему блоку целиком. Сначала были покрашены только полосы, а фон
   блока оставался прежним голубым #E4F0F7 — и голубое обрамляло баннер
   слева, справа и полоской сверху, а стрелки перелистывания оказывались
   на границе двух цветов. Приписка в макете читается ровно наоборот:
   полосы того же цвета, что и блок, то есть блок тоже F4F0F0. */
.prirod{
    /* Высота была задана жёстко (template24: 500px до 1440 px) при
       box-sizing:border-box — добавленные поля съедали бы место у самого
       слайдера, картинка не сдвигалась бы, а обрезалась. А ещё жёсткая
       высота давала 15 px запаса, из-за которых нижняя полоса выходила
       разной на разных ширинах: 100 px до 1440 и 85 px выше. */
    height:auto;
    padding-top:70px;
    padding-bottom:95px;
    background-color:#F4F0F0;
}


/* --- Блок «Официальный производитель септиков ТЕРМИТ» -------------------

   По макету он идёт сразу за слайдером, и от низа слайдера до БУКВ
   заголовка 126 px. Сам блок команда redesign_septik_home переставляет
   в теле страницы; здесь только отступ.

   Почему 114, а не 126: буквы заголовка начинаются на 12 px ниже его
   рамки — это половина интерлиньяжа (60/84) плюс просвет над капителью
   bebas_neuebold. Замерено в браузере, не прикинуто. */
.ofictext{padding-top:114px}

/* На телефоне блок-слайдер скрыт совсем (template21, до 600 px), и мерить
   отступ становится не от чего — возвращаем родной. */
@media (max-width:600px){
    .ofictext{padding-top:40px}
}