.fl-news-list {
		padding: 40px 0;
	}

	.fl-news-list .fl-page-section-title {
		display: flex;
		justify-content: center;
		margin-bottom: 24px;
	}

	/* Стилі для сітки постів */
	.fl-news-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;

		margin-bottom: 40px;
	}

	.fl-news-item {
		padding: 24px;
		background-color: #fff;
		box-shadow: 0 2px 26px 0 #0000000D;
		border-radius: 16px;
		overflow: hidden;
		/* Щоб зображення не виходило за межі */
		display: flex;
		flex-direction: column;
		/* Елементи всередині йдуть зверху вниз */
		transition: box-shadow 0.3s ease;
	}

	.fl-news-item:hover {
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	}

	.fl-news-item-thumbnail {
		position: relative;
		/* Щоб псевдоелемент позиціонувався відносно цього елемента */
		width: 100%;
		height: 270px;
		/* Фіксована висота зображення, можна адаптувати */
		overflow: hidden;
	}

	.fl-news-item-thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;

		border-radius: 16px;
		display: block;
	}

	.fl-news-item-thumbnail::before {
		content: '';
		/* Обов'язково для псевдоелемента */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 16px;
		/* Градієнт від прозорого до чорного (або іншого кольору) */
		background: linear-gradient(56.82deg, rgba(156, 120, 255, 0.4) -20.17%, rgba(223, 223, 223, 0) 58.24%);
		/* або, наприклад, від низу догори з кольором теми: */
		pointer-events: none;
		/* Дозволяє клікам проходити крізь оверлей до зображення/посилання */
		transition: background-color 0.3s ease;
		/* Для плавного ефекту при наведенні, якщо захочеш */
	}

	.fl-news-item-meta {
		display: flex;
		flex-direction: column;
		gap: 12px;

		margin-top: 24px;
		margin-bottom: 16px;
		min-height: 100px;
	}

	.fl-news-item-excerpt {
		font-size: 16px;
		font-weight: 500;
		line-height: 160%;
		color: #656565;
		margin: 0;
		flex-grow: 1;
		/* Дозволяє тексту займати доступне місце */
	}

	.fl-news-item-title {
		margin: 0;
		width: 92%;

		font-size: 24px;
		font-weight: 600;
		line-height: 150%;

		color: #2B2B2B;
	}

	.fl-news-item-title a {
		text-decoration: none;
		color: #2B2B2B;
		transition: color 0.2s ease;
	}

	.fl-news-item-btn {
		display: flex;
	}

	.fl-news-item-btn a {
		font-size: 18px;
		font-weight: 500;
		line-height: 150%;
		text-align: left;
		text-decoration: none;
		color: #936BFF;
	}

	.fl-news-archive-btn {
		display: flex;
		justify-content: center;
	}

	.fl-news-archive-btn a {
		border: 2px solid #936BFF;
		border-radius: 8px;

		padding: 20px 32px;
		/*		width: 100%;*/
		max-width: 270px;

		font-size: 18px;
		font-weight: 700;
		line-height: 150%;
		text-align: center;
		text-decoration: none;
		color: #936BFF;

		transition: background 200ms ease-in;
	}


	.fl-news-archive-btn a:hover {
		background-color: #936BFF;
		color: #fff;
	}


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