/* Blog Category Page - Start */
section.blog-category-section {
	padding-bottom: 100px;
}

section.blog-category-section .container-blog-header {
	margin-bottom: 30px;
}

/* Сетка постов - Start */
section.blog-category-section .posts-grid {
	margin-bottom: 30px;
	row-gap: 30px;
	justify-content: flex-start;
}

section.blog-category-section .posts-grid .post-card-mini {
	width: calc(100% / 4 - var(--blocks-indent-cols) * 3 / 4);
}

section.blog-category-section .no-posts {
	text-align: center;
	padding: 60px 20px;
	width: 100%;
}

section.blog-category-section .no-posts p {
	font-size: 18px;
	line-height: 24px;
	color: var(--gray);
}
/* Сетка постов - End */

/* Пагинация - Start */
section.blog-category-section .pagination-wrapper {
	display: flex;
	justify-content: center;
}

section.blog-category-section .pagination {
	display: flex;
	align-items: center;
	gap: 10px;
}

section.blog-category-section .pagination a,
section.blog-category-section .pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--border-radius-5);
	font-family: var(--font-family-1);
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	color: var(--black);
	transition: all 0.3s ease;
}

section.blog-category-section .pagination a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--primary-match);
}

section.blog-category-section .pagination a:hover svg path {
	stroke: var(--primary-match);
}

section.blog-category-section .pagination span.current {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--primary-match);
	cursor: default;
}

section.blog-category-section .pagination .dots {
	border: none;
	background: transparent;
	cursor: default;
}

section.blog-category-section .pagination svg {
	width: 16px;
	height: 16px;
}

section.blog-category-section .pagination .page-first svg,
section.blog-category-section .pagination .page-last svg {
	width: 10px;
	height: 11px;
}

section.blog-category-section .pagination svg path {
	stroke: var(--black);
	transition: all 0.3s ease;
}
/* Пагинация - End */

/* Адаптивность - Start */
@media (max-width: 1480px) {
	section.blog-category-section .posts-grid .post-card-mini {
		width: calc(100% / 3 - var(--blocks-indent-cols) * 2 / 3);
	}
}

@media (max-width: 1279px) {
	section.blog-category-section {
		padding-bottom: 50px;
	}
	section.blog-category-section .posts-grid .post-card-mini {
		width: 100%;
	}

	section.blog-category-section .pagination {
		gap: 5px;
		flex-wrap: wrap;
		justify-content: center;
	}

	section.blog-category-section .pagination a,
	section.blog-category-section .pagination span {
		min-width: 32px;
		height: 32px;
		padding: 0 8px;
	}

	section.blog-category-section .pagination svg {
		width: 14px;
		height: 14px;
	}

	section.blog-category-section .pagination .page-first,
	section.blog-category-section .pagination .page-last {
		order: 1;
	}
}
/* Адаптивность - End */
/* Blog Category Page - End */