/* FEAT-ARTICLE-TIRES-SLIDER — лента размеров модели внутри текста статьи.
   Основное оформление берётся из similar-redesign.css (скоуп .similar_block, тот же
   класс стоит на обёртке). Здесь только то, чего в карточке товара нет: лента живёт
   внутри колонки текста, а заголовок — ссылка на раздел модели. */

.es-articleTires {
	clear: both;
	margin: 34px 0;
}

/* В тексте статьи заголовки блоков идут крупнее и с автоотступами темы — гасим,
   ритм задаёт сам блок. */
.es-articleTires > h4.es-articleTires__title {
	margin: 0 0 18px !important;
}

.es-articleTires__title a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(31, 41, 55, .18);
	transition: color .2s ease, border-color .2s ease;
}

.es-articleTires__title a:hover,
.es-articleTires__title a:focus {
	color: var(--es-accent, #d32f2f);
	border-bottom-color: currentColor;
}

/* Колонка статьи уже каталожной сетки: 4,3 видимых карточек там нечитаемы. */
.es-articleTires {
	--es-sim-visible: 3.25;
}

@media (max-width: 992px) {
	.es-articleTires {
		--es-sim-visible: 2.2;
	}
}

@media (max-width: 600px) {
	.es-articleTires {
		--es-sim-visible: 1.25;
	}
}
