/* Start:/local/templates/aspro-allcorp3/css/articles-root-sections.css?17815600692429*/
/* /articles/ — лендинг подразделов (blog → root_sections_landing.php) */

.blog-page .articles-root-sections.landing-sections {
	margin-bottom: var(--theme-page-indent, 32px);
}

.blog-page .text_before_items.articles-root-landing-intro {
	margin-bottom: 28px;
	max-width: 100%;
	line-height: 1.55;
	font-size: 15px;
}

.articles-root-sections__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px 24px;
	align-items: start;
}

.articles-root-sections__tile {
	display: flex;
	flex-direction: column;
}

@media (min-width: 600px) and (max-width: 991px) {
	.articles-root-sections__grid.articles-root-sections__grid--cols-3,
	.articles-root-sections__grid.articles-root-sections__grid--cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.articles-root-sections__grid.articles-root-sections__grid--cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.articles-root-sections__grid.articles-root-sections__grid--cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.articles-root-sections__media-link {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.articles-root-sections__media {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	background-image: var(--articles-section-bg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity 0.2s ease;
}

a.articles-root-sections__media-link:hover .articles-root-sections__media {
	opacity: 0.94;
}

.articles-root-sections__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin-top: 10px;
}

.blog-page .articles-root-sections p.articles-root-sections__subtitle {
	margin: 0;
	padding: 0;
	line-height: 1.35;
	color: var(--light_basic_text_black, #777);
	font-size: 14px;
	width: 100%;
}

/* Перебиваем глобальные h3 из styles.css (margin: 30px 0 25px; font-size: 1.73em) */
.blog-page .articles-root-sections h3.articles-root-sections__title-wrap {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-size: 22px;
	font-weight: 600;
	color: inherit;
	width: 100%;
}

.articles-root-sections__grid--cols-4 .articles-root-sections__title-wrap {
	font-size: 18px;
}

.articles-root-sections__title-wrap a.dark_link {
	display: block;
	text-decoration: none;
}

.articles-root-sections__title-wrap a.dark_link:hover {
	text-decoration: underline;
}

/* End */
/* /local/templates/aspro-allcorp3/css/articles-root-sections.css?17815600692429 */