/*
 * pages.css — то, что нужно всем страницам сразу.
 *
 * Осталось два куска: хвост раздела BLOG (правила .category-blog —
 * они живые и на записи, и на архивах рубрики и автора) и раздел
 * SERVICES (страницы услуг сервером не отличить: у них обычный
 * page-template-default, общего признака нет).
 *
 * Разрезано 29.08.2026: файл грузился на всех страницах, а работал
 * только своим разделом. Текст правил не тронут — это точный срез
 * прежнего pages.css, порядок сохранён.
 */

/* --- продолжение раздела BLOG: правила, перенесённые из style.css.
   Из третьего листа сразу в пятый, мимо main.css. Конфликтов при
   равной специфичности — ноль, проверено. --- */

.category-blog .screen-height {
  min-height: 34.427vw;
}

.category-blog h1.entry-title {
  font-size: var(--fs-h1);
  font-weight: 500;
  line-height: 102%;
  font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}


@media (max-width: 767px) {
  .category-blog .screen-height {
      min-height: 399px;
    }

}
/* ==========================================================================
   SERVICES
   Партия 3 из 5, перенесена 29.08.2026. 17 правил из main.css.
   Каскад проверен: правил с равной специфичностью, спорящих по общему
   свойству и остающихся ниже в main.css, — ноль.
   ========================================================================== */


@media (min-width: 1200px) {
  .service-block-list > div {
      max-width: 40.625vw;
    }

}
.services_list-plus .elementor-column-gap-no {
  gap:var(--sp-96);
}

.service__slider-items {
  margin-bottom:var(--sp-160);
}

.toggle__item {
  display: flex;
  justify-content: space-between;
  margin:var(--sp-32) 0 var(--sp-64);
}

.toggle__item-text {
  display: none;
  width: 64%;
  font-weight: 400;
  font-size: var(--fs-service-text);
  line-height: 135%;
  letter-spacing: -0.03em;
  color: #282828;
}

.toggle__item-text.active {
  display: block;
}

.toggle_list {
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}


@media (max-width: 1199px) {
  .services_list-plus .elementor-column-gap-no {
      gap: 3%;
      flex-direction: column;
    }

}

@media (min-width: 1200px) {
  .services_list-plus .elementor-column-gap-no > div {
      width: 18%;
    }

}

@media (max-width: 1199px) {
  .services_list-plus .elementor-column-gap-no > div {
      width: 100%;
    }

  .services__list-text {
      width: 100% !important;
      max-width: 100% !important;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {
  .services_list-plus .elementor-column-gap-no > div {
      margin: 0 0 var(--sp-120);
    }

}

@media (max-width: 767px) {
  .toggle__item {
      flex-wrap: wrap;
    }

  .toggle__item-text {
      margin: var(--sp-20) 0 0;
    }

  .toggle__item-text.active {
      display: flex;
      order: 3;
      width: 100%;
    }

  .services_list-plus .elementor-column-gap-no {
      gap: 0;
    }

  .service__slider-items {
      margin: 0 0 var(--sp-200);
    }

}


/* Расщеплено из смешанного правила main.css, партия 5.
   Глобальная половина осталась в main.css: перенос целиком утащил
   бы туда чужой компонент. Специфичность половин не изменилась. */
@media (min-width: 1200px) {
  .service-block > div {
    max-width: 70.625vw;
  }
}