/*
 * Косметика по Figma (MPK-17): блок ипотек «Поэтапная оплата».
 * Кнопка → сплошная бирюза-pill (была оранжевая обводка), заголовок 700,
 * иконки 37px. Шапка уже соответствует Figma в родных стилях — не трогаем.
 * Токены: бирюза #3BAEC8, тёмный #323232, серый текст #666666, фон карточки #F3F3F4.
 */

/* ── Шапка: распределить пункты меню по ширине, как в Figma ──
   Структура/pill/размеры в родных стилях уже как в макете; отличался только
   интервал — в коде пункты теснее. Растягиваем список и равномерно распределяем. */
.header .menu__list__notop .menu__list {
    flex: 1 1 auto;
    justify-content: space-between;
}

/* ── Блок «Поэтапная оплата»: карточки + бирюзовые иконки и кнопки ── */
.calc-ipotek .calc-block-slide {
    background: #F3F3F4;
    border-radius: 22px;
    padding: 24px;
}

.calc-ipotek .calc-block-slide-img {
    width: 37px;
    height: 37px;
    border-radius: 11px;
    background: #3BAEC8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.calc-ipotek .calc-block-slide-img img {
    max-width: 20px;
    max-height: 20px;
}

.calc-ipotek .calc-block-slide-title {
    font-weight: 700;
    font-size: 22px;
    color: #323232;
    margin-bottom: 10px;
}

.calc-ipotek .calc-block-slide-text {
    font-size: 12px;
    color: #666666;
    line-height: 1.4;
}

/* Кнопка «Подробнее» — сплошная бирюза-pill вместо оранжевого бордера */
.calc-ipotek .calc-block-slide-btn.btn-border-orange {
    background: #3BAEC8;
    border: 1px solid #3BAEC8;
    color: #fff;
    border-radius: 30px;
}

.calc-ipotek .calc-block-slide-btn.btn-border-orange:hover {
    background: #329bb3;
    border-color: #329bb3;
    color: #fff;
}