/* =========================================================
   Статьи и новости: списки и страница материала.
   Заголовок страницы (.lg-top, .lg-title, .lg-text) — в legal.css.
   ========================================================= */
.po-btn { cursor: pointer; display: inline-flex; font-family: var(--font-text); font-weight: 500; font-size: 18rem; color: #fff; padding: 10rem 24rem; background: var(--c-accent); border-radius: 80rem; text-decoration: none; border: 0; overflow: hidden; position: relative; justify-content: center; }
.po-btn::before { content: ''; position: absolute; right: 0; width: 70%; height: 100%; top: 0; background: var(--shine); opacity: 0; transition: opacity .3s; }
.po-btn:hover::before { opacity: 1; }

/* картинка материала: аппарат на фирменном градиенте */
.po-pic { display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(120deg, #EEF3F8 0%, #E1C2C1 55%, #96C0CC 100%); }
.po-pic--b { background: linear-gradient(120deg, #F7F6F8 0%, #C9DDE4 50%, #E5BEC3 100%); }
.po-pic--c { background: linear-gradient(300deg, #00374D 0%, #96C0CC 60%, #EEF3F8 100%); }
.po-pic img { height: 96%; width: auto; max-width: none; display: block; object-fit: contain; object-position: center bottom; }

/* ---------- Статьи: список ---------- */
.po-articles { --gap: 12rem; --columns: 1; display: flex; flex-wrap: wrap; gap: var(--gap); margin: 80rem 0 160rem; }
.po-article { width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns)); background: #fff; border-radius: 30rem; padding: 30rem 40rem; font-family: var(--font-text); }
.po-article__main { height: 100%; display: flex; flex-direction: column; }
.po-article__title { margin-bottom: 40rem; font-weight: 700; font-size: 30rem; line-height: 140%; color: var(--c-text); }
.po-article__title a { color: #000; text-decoration: none; }
.po-article__short { font-size: 16rem; line-height: 140%; color: var(--c-text); margin-bottom: 40rem; }
.po-article__media { margin-top: auto; margin-bottom: 20rem; }
.po-article__media a { display: block; height: 210rem; border-radius: 10rem; overflow: hidden; }
.po-article__bottom { display: flex; }
.po-article__stats { display: flex; align-items: center; font-size: 12rem; line-height: 16rem; color: var(--c-text); gap: 40rem; }
.po-article__button { margin-left: auto; }
.po-article__side { display: none; flex-shrink: 0; flex-grow: 0; }
.po-article__side .po-article__media { height: 100%; width: 335rem; margin-bottom: 0; }
.po-article__side .po-article__media a { height: 100%; min-height: 200rem; }
@media (min-width: 992px) { .po-articles { --columns: 2; } }
@media (min-width: 768px) and (max-width: 991px) {
  .po-article { display: flex; gap: 10rem; padding: 20rem; }
  .po-article__title { font-size: 24rem; margin-bottom: 10rem; }
  .po-article__short { font-size: 14rem; margin-bottom: 30rem; }
  .po-article__bottom { flex-wrap: wrap; }
  .po-article__button { margin-left: 0; margin-top: 15rem; }
  .po-article__main .po-article__media { display: none; }
  .po-article__side { display: block; }
}
@media (max-width: 767px) {
  .po-btn { font-size: 13rem; padding: 3rem 8rem; }
  .po-articles { margin: 40rem 0 80rem; }
  .po-article { padding: 20rem; }
  .po-article__title { font-size: 18rem; margin-bottom: 10rem; }
  .po-article__short { font-size: 12rem; line-height: 16rem; margin-bottom: 20rem; }
  .po-article__bottom { flex-wrap: wrap; gap: 16rem; }
  .po-article__stats { width: 100%; justify-content: space-between; }
  .po-article__button { margin-left: 0; width: 100%; }
  .po-article__button .po-btn { width: 100%; }
}

/* ---------- Новости: список ---------- */
.po-news { display: flex; flex-direction: column; gap: 10rem; margin: 0 0 160rem; font-family: var(--font-text); }
.po-news__item { border-radius: 30rem; overflow: hidden; background-color: #fff; display: flex; }
.po-news__media { min-height: 390rem; width: 50%; flex-shrink: 0; flex-grow: 0; }
.po-news__media > a { display: flex; width: 100%; height: 100%; }
.po-news__detail { flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: column; padding: 40rem; }
.po-news__title { font-weight: 700; font-size: 30rem; line-height: 140%; color: var(--c-text); margin-bottom: 20rem; max-width: calc(100% - 10rem); }
.po-news__title a { color: inherit; text-decoration: none; }
.po-news__short { font-size: 16rem; line-height: 140%; color: var(--c-text); }
.po-news__bottom { margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 20rem; }
.po-news__stats { display: flex; align-items: center; gap: 20rem; font-size: 12rem; line-height: 16rem; color: var(--c-text); }
@media (max-width: 992px) {
  .po-news__item { min-height: 258rem; }
  .po-news__media { min-height: 258rem; }
  .po-news__detail { padding: 20rem; }
  .po-news__title { font-size: 24rem; line-height: 33rem; }
}
@media (max-width: 767px) {
  .po-news { margin-bottom: 80rem; }
  .po-news__item { flex-direction: column; border-radius: 10rem; }
  .po-news__media { min-height: 0; width: auto; height: 200rem; }
  .po-news__title { font-size: 18rem; line-height: 25rem; max-width: none; }
  .po-news__short { font-size: 12rem; line-height: 16rem; }
  .po-news__bottom { flex-direction: column; gap: 10rem; align-items: stretch; }
  .po-news__stats { justify-content: space-between; margin-top: 32rem; }
  .po-news__button .po-btn { width: 100%; }
}

/* ---------- Страница материала ---------- */
.po-detail { max-width: 654rem; margin: 40rem auto 80rem; font-family: var(--font-text); font-size: 16rem; line-height: 140%; color: var(--c-text); padding: 0 10rem; }
.po-detail__date { font-size: 12rem; line-height: 16rem; color: var(--c-gray); margin-bottom: 20rem; }
.po-detail__pic { height: 220rem; border-radius: 20rem; overflow: hidden; margin-bottom: 30rem; }
.po-detail h2 { font-family: var(--font-text); font-weight: 700; font-size: 22rem; line-height: 130%; margin: 1.6em 0 .6em; color: var(--c-text); }
.po-detail p { margin: 0 0 1em; }
.po-detail ul { margin: 0 0 1em; padding-left: 1.3em; }
.po-detail a { color: var(--c-accent); }
.po-detail__cta { margin-top: 40rem; display: flex; flex-wrap: wrap; gap: 12rem; }
@media (min-width: 992px) {
  .po-detail { margin: 80rem auto 160rem; padding: 0; }
  .po-detail__pic { height: 300rem; border-radius: 30rem; }
}

/* другие материалы */
.po-more { margin: 0 0 160rem; font-family: var(--font-text); }
.po-more__row { --gap: 12rem; --columns: 1; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--gap); }
.po-more__item { width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns)); background: #fff; border-radius: 30rem; padding: 30rem; display: flex; flex-direction: column; }
.po-more__date { font-size: 12rem; line-height: 16rem; color: var(--c-text); margin-bottom: 25rem; }
.po-more__title { font-weight: 700; line-height: 140%; color: var(--c-text); margin-bottom: 20rem; font-size: 18rem; }
.po-more__text { line-height: 140%; color: var(--c-text); font-size: 12rem; margin-bottom: 32rem; }
.po-more__bottom { margin-top: auto; text-align: right; }
.po-more__bottom a, .po-more__all a { font-weight: 700; font-size: 14rem; line-height: 20rem; letter-spacing: .03em; text-transform: uppercase; color: var(--c-text); text-decoration: none; border-bottom: 1px solid; transition: border-bottom-color .3s; }
.po-more__bottom a:hover, .po-more__all a:hover { border-bottom-color: transparent; }
.po-more__all { text-align: center; margin-top: 40rem; }
@media (min-width: 768px) and (max-width: 991px) { .po-more__row { --columns: 2; } }
@media (min-width: 992px) {
  .po-more__row { --columns: 4; margin-top: 80rem; }
  .po-more__item { min-height: 390rem; }
  .po-more__title { font-size: 24rem; }
  .po-more__text { font-size: 16rem; }
}
@media (max-width: 767px) { .po-more { margin-bottom: 80rem; } }

/* ---------- Блок «материалы для бизнеса» ---------- */
.po-info-wrap { margin: 80rem 0; font-family: var(--font-text); }
.po-info { border-radius: 30rem; background-color: #fff; width: 1100rem; max-width: 100%; display: flex; margin: 0 auto; overflow: hidden; }
.po-info__detail { flex-grow: 0; flex-shrink: 0; position: relative; z-index: 2; width: 542rem; padding: 40rem 50rem 50rem; border-radius: 30rem; background-color: #fff; }
.po-info__title { font-weight: 700; font-size: 30rem; line-height: 140%; color: var(--c-text); margin-bottom: 20rem; }
.po-info__text { font-size: 16rem; line-height: 140%; color: var(--c-text); margin-bottom: 60rem; }
.po-info__media { flex-grow: 1; flex-shrink: 1; width: 654rem; margin-left: -100rem; border-radius: 30rem; overflow: hidden; min-height: 300rem; }
.po-info__mobile { display: none; margin-bottom: 10rem; height: 160rem; border-radius: 10rem; overflow: hidden; }
@media (max-width: 992px) {
  .po-info-wrap { margin: 72rem 0; }
  .po-info { width: 620rem; }
  .po-info__detail { width: 310rem; height: max-content; padding: 30rem; border-radius: 20rem; }
  .po-info__title { font-size: 18rem; margin-bottom: 10rem; }
  .po-info__text { font-size: 14rem; line-height: 20rem; margin-bottom: 32rem; }
  .po-info__media { width: 100%; margin-left: -80rem; border-radius: 20rem; min-height: 0; }
}
@media (max-width: 767px) {
  .po-info { width: 100%; }
  .po-info__detail { width: 100%; padding: 20rem; }
  .po-info__title { padding: 10rem 10rem 0; }
  .po-info__text { font-size: 12rem; line-height: 16rem; margin-bottom: 40rem; padding: 0 10rem; }
  .po-info__media { display: none; }
  .po-info__mobile { display: block; }
  .po-info__button .po-btn { width: 100%; }
}
.po-empty { text-align: center; font-family: var(--font-text); font-size: 16rem; color: var(--c-gray); margin: 40rem 0 120rem; }