/* Start:/local/templates/default/components/bitrix/menu/redesign/style.css?1789121714507*/
.news-groups .news-groups--items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--font-size-body);
}

.news-groups .news-groups--items .news-groups--item {
  color: var(--font-color-grey);
  font-weight: var(--font-weight-text-detail-card);
  transition: var(--transition);
}

.news-groups .news-groups--items .news-groups--item.current {
  color: var(--font-color-main);
}

.news-groups .news-groups--items .news-groups--item:hover {
  color: var(--font-color-main);
}

/* End */


/* Start:/local/templates/default/components/bitrix/news/redesign/bitrix/news.list/.default/style.css?17891217142679*/
.news .news-items .news-items--item:not(:last-child) {
  margin-bottom: var(--container-gap);
}

.news .news-items .news-items--item.article {
  align-items: stretch;
  gap: var(--container-gap);
}

.news .news-items .news-items--item.article .article-media {
  max-width: calc((100vw - 960px) / (1920 - 960) * (480 - 280) + 280px);
  width: 100%;
}

.news .news-items .news-items--item.article .article-media img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;

  border-radius: var(--border-radius);
}

.news .news-items .news-items--item.article .article-information {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}

.news
  .news-items
  .news-items--item.article
  .article-information
  .article-information--title {
  display: inline-block;
  margin-bottom: var(--font-size-body);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-h2);
  color: var(--font-color-accent-blue);
}

.news
  .news-items
  .news-items--item.article
  .article-information
  .article-information--description {
  font-size: var(--font-size-body);
}

.news
  .news-items
  .news-items--item.article
  .article-information
  .article-information--date {
  color: var(--font-color-grey);
}

/* Стили для внутренних элементов Новости */
.news .news-items .news-items--item a,
.news .news-items .news-items--item span,
.news .news-items .news-items--item a span,
.news .news-items .news-items--item a span b {
  color: var(--font-color-accent-orange);
  transition: var(--transition);
}

.news .news-items .news-items--item a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 640px) {
  .news .news-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
  }

  .news .news-items .news-items--item.article {
    flex-direction: column;
  }

  .news .news-items .news-items--item.article .article-media {
    max-width: none;
  }

  .news .news-items .news-items--item.article .article-information {
    gap: 1rem;
  }

  .news .news-items .news-items--item.article .article-information,
  .news
    .news-items
    .news-items--item.article
    .article-information
    .article-information--inner {
    flex-grow: 1;
  }
  .news
    .news-items
    .news-items--item.article
    .article-information
    .article-information--inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}

@media screen and (max-width: 460px) {
  .news .news-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* End */
/* /local/templates/default/components/bitrix/menu/redesign/style.css?1789121714507 */
/* /local/templates/default/components/bitrix/news/redesign/bitrix/news.list/.default/style.css?17891217142679 */