.news {
  padding-bottom: 100px; }
  @media (max-width: 990.75px) {
    .news {
      padding-bottom: 60px; } }

.catalog-news {
  padding-bottom: 80px; }
  @media (max-width: 766.75px) {
    .catalog-news {
      padding-bottom: 40px; } }
  .catalog-news .news-list {
    margin-top: 24px; }
    @media (max-width: 1198.75px) {
      .catalog-news .news-list {
        overflow: auto;
        display: flex;
        margin: 24px -32px 0;
        padding: 0 32px;
        scrollbar-width: none; } }
    @media (max-width: 990.75px) {
      .catalog-news .news-list {
        margin: 24px -20px 0;
        padding: 0 20px; } }
    @media (max-width: 766.75px) {
      .catalog-news .news-list {
        margin-top: 16px; } }
  .catalog-news .news-card-wrap {
    flex-shrink: 0; }
    @media (max-width: 1198.75px) {
      .catalog-news .news-card-wrap {
        max-width: 320px; } }

.news-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px; }
  @media (max-width: 990.75px) {
    .news-list {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 766.75px) {
    .news-list {
      grid-template-columns: 100%; } }
  .news-list__footer {
    margin-top: 40px; }
  .news-list .news-card-wrap {
    height: 424px; }
    @media (max-width: 990.75px) {
      .news-list .news-card-wrap {
        height: auto; } }
    .news-list .news-card-wrap .news-card {
      width: 100%;
      height: 100%; }