.news-page {
  padding: 24px 20px;
  background: #f7f3ee;
}

.news-page__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

.news-page__empty {
  font-size: 14px;
  color: #777;
}

/* Сетка: 4 карточки в ширину, до 8 рядов (32 новости на странице) */
.news-page__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 24px;
  margin-bottom: 24px;
}

/* Адаптив под планшеты / мобильные */
@media (max-width: 1200px) {
  .news-page__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .news-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .news-page__grid {
    grid-template-columns: 1fr;
  }
}