.ListNews__container {
	display: flex;
	flex-direction: column;
	row-gap: 1.875rem;

	.news-main__grid {
		--card-min-width: 346px;

		display: grid;
		grid-template-columns: repeat(
				auto-fill,
				minmax(var(--card-min-width), 1fr)
			);
		gap: 1.25rem;

		/* первые две карточки — крупные */
		.subgrid {
			display: grid;
			grid-column: -1 / 1;
			grid-template-columns: repeat(
					auto-fit,
					minmax(var(--card-min-width), 1fr)
				);
			gap: inherit;

			.ava-news__card {
				grid-column: span 1;

				& > .ava-news__img-wrap {
					aspect-ratio: 695 / 326;
					@media (max-width: 1590px) {
						aspect-ratio: 375 / 208;
					}
				}
			}
		}
	}
}
