/* Заголовок категории — тот же шрифт/размер/вес, что и у заголовков
   промокодов/карточек предложений (.ax-heading__label), цвет — обычный
   цвет ссылок сайта (наследуется, отдельно не задаётся). */
.ahs-showcase-group {
	margin: 24px 0;
}

.ahs-showcase-group__title {
	margin: 0 0 16px;
	padding: 16px;
	background: #f2f2f2;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}
.ahs-showcase-group__title a {
	color: rgb(0, 91, 160); /* не полагаемся на глобальный цвет ссылок темы — на живом сайте, где эта тема ещё не активна, его попросту нет */
	text-decoration: none;
}

.ahs-showcase-group__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

/* Серая тонкая обводка — тот же принцип, что и у карточек товаров
   (.ahp-card в плагине aherbia-product-links). */
.ahs-card {
	display: block;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 12px;
	box-sizing: border-box;
	text-decoration: none;
}

.ahs-card__img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 4px;
}

/* Заголовок статьи в карточке: размер шрифта — как в карточке
   предложений (.offer-card__heading, 17px), но легче по начертанию
   (вес 300 вместо 700 — заголовок категории должен быть заметно тяжелее
   заголовка отдельной статьи). Цвет — тот же, что и весь "чёрный" текст
   сайта теперь (#54595f, задан глобально в style.css темы). */
.ahs-card__title {
	display: block;
	margin-top: 10px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	color: #458500;
}

@media (max-width: 700px) {
	.ahs-showcase-group__cards {
		grid-template-columns: 1fr;
	}
}