/* ══════════════════════════════════════════════════════════════════════
   СТРАНИЦА «ИНТЕРНЕТ-ЭКВАЙРИНГ». Свои правила, 19 сентября 2026.
   Файл подключён ПОСЛЕ общего, общий не тронут ни одной строкой.
   Все свои классы с приставкой ia-, поэтому с чужими не пересекаются.

   Устройство страницы взято у действующих страниц продуктов, платёжных
   ссылок и мультиэквайринга. Оно целиком живёт в общем файле сайта
   (mq-topzone, mh, mq-white, mq-sheet, mq-sec, mq-h, mq-p, mq-two,
   mq-list, mq-flow, mq-step, mq-ask, mq-faq, mq-q, mq-link) и приходит
   сюда меткой mq-long на теле страницы. Здесь его
   правила не переписываются и не копируются: добавлено только то, чего
   в образце нет вовсе.

   Своего у страницы четыре вещи:
     нижний ярус первого экрана, где рисунка нет и место его занимают
       вводный абзац и кнопка;
     кегль вводного абзаца первого экрана, ровно девятнадцать точек;
     замечание под белой карточкой с раскрытиями, потому что в образце
       рядом с ней лежит только сама карточка;
     ряд шагов по три, потому что образец держит в ряду четыре, а шагов
       здесь шесть.

   Размеров заголовков здесь нет вовсе. Все уровни приходят из общего
   файла, из раздела единой типографики в его конце. Своих кеглей
   заголовкам страница не задаёт и задавать не должна.

   Своих заливок у страницы нет ни одной. Все подложки, карточки и
   плашки взяты из общего файла как есть, поэтому промежуточных тонов
   от себя страница не вносит.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Первый экран. Нижний ярус под волосяной линией ───────────────────
   Устройство то же, что у страницы платёжных ссылок, но абзац здесь
   один, поэтому двух колонок ему не нужно. Линия сверху и воздух под
   ней те же самые. */
.ia-hero-low{margin-top:clamp(22px,3vw,40px);
  padding-top:clamp(18px,2.2vw,30px);
  border-top:1px solid var(--line)}
.ia-hero-low .ia-lead{max-width:58ch}
.ia-hero-low .mh-btn{margin-top:clamp(22px,2.4vw,32px)}

/* Вводный абзац первого экрана ровно девятнадцать точек. Общий файл
   даёт вводному абзацу долю ширины окна, и на 1440 выходит 18,7, а на
   узком экране 16. Кегль основного текста и вводного на этой странице
   задан прямо, семнадцать и девятнадцать, поэтому доля здесь заменена
   числом. Межстрочный остаётся тот же, что у образца. */
.ia-page .ia-lead{font-size:19px}

/* ── Длина строки в сплошном тексте ──────────────────────────────────
   У соседей сплошные абзацы всегда лежат внутри узкого места: в белой
   карточке рядом с рисунком или в столбце. Здесь рисунков нет, и абзац,
   оставленный во всю ширину полотна, дал бы строку в полтораста знаков.
   Читать такую строку нельзя, глаз теряет начало следующей.

   Поэтому сплошным абзацам и перечням на самом полотне задана мера
   строки. Приём взят у соседей: на странице платёжных ссылок вводный
   абзац первого экрана ограничен ровно так же, долей знаков. Ширину
   держат только прямые дети раздела, поэтому абзацы внутри шагов и
   внутри карточек остаются как были. */
.ia-page .mq-sec>.mq-p,
.ia-page .mq-sec>.mq-list{max-width:54ch}

/* ── Первый раздел полотна ────────────────────────────────────────────
   Стоит сразу под хлебными крошками. Зазор держат сами крошки, поэтому
   ни верхнего поля, ни верхнего отступа разделу не нужно. */
.ia-page .ia-first{margin-top:0;padding-top:0}

/* ── Замечание под белой карточкой раскрытий ──────────────────────────
   В образце в плашке лежит только карточка с раскрытиями. Здесь у одного
   раздела под ней стоит замечание, которое относится ко всему разделу
   сразу, а не к одной строке перечня. Плашка выстроена колонкой с
   прижимом влево, и без своей ширины абзац сжался бы до ширины самой
   длинной строки. Кегль и межстрочный те же, что у ответов в
   раскрытиях: семнадцать точек, полтора.

   Правило вводного абзаца в плашке снято вместе с четвёртой редакцией
   текста: такого абзаца на странице больше нет. */
.ia-page .ia-after{width:100%;font-size:17px;line-height:1.5;color:#5a5e66;
  margin:clamp(16px,1.8vw,24px) 0 0}

/* ── Шаги подключения ─────────────────────────────────────────────────
   Образец держит в ряду четыре шага и соединяет их волосяной линией.
   Здесь шагов пять. Пятый в ряду образца не помещается вовсе, а пять
   в ряд дают колонку, в которой название шага рвётся на три строки,
   поэтому ряд разложен по три, в две строки. Соединительной линии в
   разметке нет вовсе: она рисуется одной чертой поверх ряда и на двух
   строках прошла бы только по верхней.

   Ниже 1000 точек образец сам переходит на два столбца, а ниже 680 на
   один, и там правило ему уступает. Строки ряда разведены воздухом,
   иначе второй ряд шагов прилипал бы к первому. */
@media(min-width:1001px){
  .ia-page .ia-flow{grid-template-columns:repeat(3,1fr);
    row-gap:clamp(26px,2.8vw,40px)}
}