/* Фото на левую половину экрана, текст на светлой правой половине */
.media-text {
  position: relative;
  min-height: var(--h, 439px);
  height: var(--h, auto);
  background: #f7f5f5;
}

/* Картинка не влияет на высоту строки: занимает левую половину целиком */
.media-text__image {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--split, 50%);
  height: 100%;
  object-fit: cover;
  object-position: var(--focus-x, 50%) var(--focus-y, 50%);
}

/* Светлая вуаль поверх фото (у части страниц она есть в оригинале): --veil — прозрачность 0..1, --veil-grey — яркость 0..255 */
.media-text::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: var(--split, 50%);
  background: rgb(var(--veil-grey, 255) var(--veil-grey, 255) var(--veil-grey, 255) / var(--veil, 0));
  pointer-events: none;
}

.media-text__body {
  margin-left: var(--split, 50%);
}

.media-text__content {
  max-width: 499px;
  padding: var(--text-top, 39px) 20px 20px var(--text-left, 29px);
  color: #000;
  font-size: 16px;
  line-height: var(--lh, 22.4px);
  letter-spacing: -0.015em;
}

.media-text__content p + p,
.media-text__content p + ul {
  margin-top: 24px;
}

.media-text__content ul {
  padding-left: 20px;
  list-style: disc;
}

/* Светлый вариант: белый фон, текст по ширине (страница гражданских дел) */
.media-text--plain,
.media-text--plain .media-text__body {
  background: #fff;
}

.media-text--plain .media-text__content {
  max-width: 487px;
  color: var(--color-text);
  text-align: justify;
}

/* Вариант со списком: фото уже, текст серый и шире (страница для ООО) */
.media-text--list .media-text__content {
  max-width: 589px;
  color: var(--color-text);
}

@media (max-width: 979px) {
  .media-text::before {
    display: none;
  }

  .media-text {
    height: auto;
    min-height: 0;
  }

  .media-text__image {
    position: static;
    width: 100%;
    height: 260px;
  }

  .media-text__image {
    width: 100%;
  }

  .media-text__body {
    margin-left: 0;
  }

  .media-text__content {
    max-width: none;
    padding: 24px 10px 30px;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
  }

  .media-text__content ul {
    text-align: left;
  }
}