.phone-error {
  border: 1px solid #e53935 !important;
  outline-color: #e53935;
}

.phone-error-msg {
  display: block;
  color: #e53935;
  font-size: 12px;
  margin-top: 4px;
}

form.form.revsform .form__inputs {
    flex-wrap: wrap;
}

.sercjwrpa {padding: 30px 0;}

p.simplesearch-results {
    font-size: 20px;
    margin-bottom: 20px;
}

.simplesearch-paging {
    padding: 5px 0;
    font-weight: normal;
}

.simplesearch-result {
    margin-bottom: 12px;
}

.simplesearch-result {}

.simplesearch-result  .extract {
    font-weight: normal;
}
.block-info__group {}

.block-info__text p {
    margin-bottom: 10px;
}

.block-info__text h2 {
    margin-bottom: 10px;
}

.block-info__text h3 {
    margin-bottom: 20px;
}

.block-info__text ol, .block-info__text ol li {
    list-style: auto;
}

.block-info__text ol {
    padding-left: 30px;
    margin: 15px 0;
}

.block-steps__bg {
    display: none;
}

.block-steps__body {
    position: relative;
    row-gap: 45px;
}

.block-steps__body::after {
    content: "";
    position: absolute;
    top: -40px;
    left: -50px;
    width: calc(100% + 100px);
    height: calc(100% + 80px);
    background-color: white;
    box-shadow: 0 30px 80px 0 rgba(43, 42, 41, 0.1);
    z-index: -1;
}

.block-steps__content {
    margin: 80px 0;
}

.block-intro__bottom.bottom-block-intro {
    margin-bottom: 51px !important;
}


.block-info__text ul {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.block-info__text ul li {
    display: flex;
    align-items: center;
    gap: 30px;
    font-weight: 500;
    font-size: 22px;
}

.block-info__text ul li::before {
    content: "";
    display: block;
    min-width: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fecc00;
}
 
.block-info .title1 {font-size: 54px;}
.block-info ul{margin: 25px 0;}
.block-info ul li br {display:none;}
.block-info__text ul {gap: 10px;}
.block-info h3 {margin-top: 15px;}

.bottom-footer__right {
    flex: 0 1 956px;
}

@media (max-width: 768px) {
    .block-info__text ul {
        gap: 15px;
    }

  .block-info__text  ul li {
        font-size: 14px;
        gap: 15px;
    }
}


/* legal-doc B */
.legal-doc{text-align:justify;}
.legal-doc h2{margin:30px 0 14px;}
.legal-doc p{margin:0 0 14px;}
.legal-doc ul,.legal-doc ol{padding-left:26px;margin:6px 0 16px;}
.legal-doc ul{list-style:disc;}
.legal-doc ol{list-style:decimal;}
.legal-doc li{list-style:inherit;margin:0 0 8px;}

/* legal-doc B mobile fix */
@media (max-width: 768px) {
  .block-about__text .legal-doc p:nth-child(n + 2) { display: block; }
  .legal-doc, .legal-doc h2 { text-align: left; }
}

/* 5.2 cosmetics */
.agree__text a { text-decoration: underline; }
.block-calc > .container > .form .form__inputs input[name="phone"] { max-width: 320px; }
/* z11: согласие в блоке расчёта на лендинге — своя строка */
.relocating .block-calc .block-calc-bottom .form__content { flex-wrap: wrap; }
.relocating .block-calc .block-calc-bottom .form__content .form__agree { flex: 1 1 100%; }

/* z22 23-08-2026: отступ под фиксированную шапку при переходе по якорю */
#ceny, #bez-pyli, #raboty, #otzyvy { scroll-margin-top: 130px; }


/* ===== ПАКЕТ 1, посадочная. Признак .relocating. 06.09.2026 =====
   Разметка общая для всех 85 страниц. Правила ниже включаются только там,
   где TV classpage = relocating, то есть на одной странице. */

/* ТЗ 4.1 и 5.6 -- шапка без выходов наружу и без личной почты */
.header.relocating .header__menu,
.header.relocating .header__icon,
.header.relocating .header__search,
.header.relocating .personal-header__email { display: none; }

/* ТЗ 5.5 -- блок «В чате присутствуют»: чат на сайте не установлен */
.block-contacts.relocating .block-contacts__chat { display: none; }

/* ТЗ 6.1 -- плавающие кнопки мессенджеров, вход даёт нижняя панель */
.msgr-fab.relocating { display: none; }

/* ТЗ 1.2 -- первый экран на телефоне */
@media (max-width: 768px) {
  /* крошки съедают первый экран */
  .relocating .breadcrumbs { display: none; }
  /* главный CTA скрыт правилом styles.css:2191 -- возвращаем на посадочной */
  .relocating .top-block-intro__button { display: inline-flex; align-items: center; }
}


/* ===== ПРАВКА 2 к пакету 1. Первый экран на телефоне. 06.09.2026 =====
   Кнопка возвращена правилом пакета 1 уехала за левый край: её десктопная
   вёрстка не рассчитана на узкий экран. Сбрасываем позиционирование целиком. */

@media (max-width: 768px) {
  .relocating .top-block-intro__buttons {
    position: static; transform: none; float: none;
    display: flex; flex-direction: column; align-items: stretch;
    gap: 10px; width: auto; max-width: 100%; margin: 16px 0 0; padding: 0;
  }
  .relocating .top-block-intro__button {
    position: static; transform: none; float: none;
    left: auto; right: auto; top: auto; bottom: auto;
    display: flex; align-items: center; justify-content: center;
    width: 100%; max-width: 100%; min-width: 0;
    margin: 0; padding: 14px 18px; text-align: center;
  }
  /* картинка калькулятора в кнопке торчала за габарит */
  .relocating .top-block-intro__button img { display: none; }

  /* подзаголовок набирался шрифтом, которого нет в наборе:
     iOS подставляла системный. Наследуем шрифт родителя. */
  .relocating .top-block-intro__dop {
    font-family: inherit; font-weight: 400;
    font-size: 16px; line-height: 1.4; text-align: center;
    margin-left: auto; margin-right: auto; max-width: 92%;
  }

  /* заголовок должен укладываться в две строки (ТЗ 1.2) */
  .relocating .top-block-intro__content h1,
  .relocating h1.title1 {
    font-size: clamp(24px, 7.2vw, 34px); line-height: 1.08;
  }
}


/* ===== ПРАВКА 3. Косметика первого экрана. 06.09.2026 =====
   Причины установлены разбором каскада, а не подбором. */

@media (max-width: 768px) {
  /* Заголовок оставался в три строки: styles.css:8897
     (.relocating .block-intro .title1) весит 0,3,0 и перебивал наш 0,2,1.
     Поднимаем вес до 0,3,1 тем же путём, без !important. */
  .relocating .block-intro h1.title1 {
    font-size: clamp(24px, 7.2vw, 34px); line-height: 1.08;
  }

  /* Кнопка выходила на две трети ширины: её контейнер — flex-элемент,
     а width:auto для него означает «по содержимому». */
  .relocating .top-block-intro__buttons {
    width: 100%; align-self: stretch;
  }

  /* Cookie-баннер накрывал плашку «Оценка без выезда». Он уже поднят
     над панелью правилом callbar.css; делаем его компактнее тем же
     селектором-соседом, чтобы правило действовало только на посадочной. */
  .vg-callbar.relocating ~ #cookie-note {
    padding: 8px 12px; font-size: 12px; line-height: 1.35;
  }
  .vg-callbar.relocating ~ #cookie-note .cookie-ok {
    margin-top: 6px; padding: 6px 14px; font-size: 13px;
  }
}