/* =====================================================
   Посадочные страницы услуг, собранные в коде
   ===================================================== */

/* Списки без ссылок.
   В шаблоне у .moz-lists li прописаны cursor:pointer, подсветка при наведении
   и появляющаяся точка-маркер. На перечислениях, по которым нельзя кликнуть,
   это читается как поломка: курсор обещает переход, которого нет.
   Модификатор is-static возвращает таким спискам обычное поведение текста. */

.moz-lists.is-static li {
    cursor: default;
}

.moz-lists.is-static li:hover {
    color: inherit;
}

.moz-lists.is-static li:hover::after {
    transform: scale(0);
}


/* Отступ между строкой заголовка и колонками под ней.
   Секции собраны из двух рядов: в первом «h5 + big-title» с row_padding_top,
   во втором — колонки с row_padding_bottom. Между ними не было ничего:
   колонки начинались вплотную к подчёркиванию большого заголовка. */

.content-row.row_padding_bottom:not(.row_padding_top) {
    padding-top: 60px;
}

@media only screen and (max-width: 1466px) {
    .content-row.row_padding_bottom:not(.row_padding_top) {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .content-row.row_padding_bottom:not(.row_padding_top) {
        padding-top: 40px;
    }
}


/* Отступ от крупного абзаца до перечисления под ним в этапах (pinned-row).
   У h1—h6 в шаблоне margin-bottom 10px: под четырьмя строками h3 список
   из moz-lists прилипал к тексту и читался как его продолжение. */

.pinned-row h3 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .pinned-row h3 {
        margin-bottom: 30px;
    }
}


/* Длинные заголовки в половинной колонке.
   --bt-font-size доходит до 11rem, и слово из 10–14 букв при этом шире своей
   колонки: хвост уезжает в соседнюю и наползает на её списки. Ограничиваем
   кегль долей ширины экрана — короткие заголовки min() не трогает.
   Ниже 768px колонки занимают всю ширину, ограничение там не нужно. */

@media only screen and (min-width: 768px) {

    .big-title.is-long {
        font-size: min(var(--bt-font-size), 5.6vw);
        letter-spacing: -0.035em;
    }

    .big-title.is-very-long {
        font-size: min(var(--bt-font-size), 4.8vw);
        letter-spacing: -0.035em;
    }

}


/* Хаб услуг: список услуг вырос до тринадцати пунктов, и кегль h2 (calc(1rem + 3vw))
   перестал помещаться — колонка уходила на два экрана. Свой кегль с потолком. */

.linked-lists.services-list {
    font-size: clamp(1.75rem, 1rem + 1.9vw, 3.25rem);
    line-height: 1.3em;
    font-weight: 500;
    letter-spacing: -0.02em;
}
