/* ------------------------------------------------------------------
   Блоки перелинковки на каталожных страницах (kmp:linking.block)
   Задачи 820 / 821 / 822 / 823
   ------------------------------------------------------------------ */

.kmp-linking {
	margin: 30px 0 0;
	clear: both;
}

.kmp-linking:last-child {
	margin-bottom: 10px;
}

.kmp-linking__title {
	position: relative;
	padding-left: 14px;
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
	color: #222;
	word-wrap: break-word;
}

.kmp-linking__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 2px;
	width: 3px;
	background: #ffc900;
}

.kmp-linking__list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 11px;
	gap: 11px;
}

.kmp-linking__item {
	display: block;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.35;
	color: #3e4552;
	text-decoration: none;
	border-radius: 2px;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.kmp-linking__item:hover,
.kmp-linking__item:focus {
	color: #222;
	text-decoration: none;
	border-color: #ffc900;
}

/* --- Макет 820: серая панель, плитки белые с рамкой --------------- */
.kmp-linking--panel {
	padding: 22px 25px 25px;
	background: #f7f8f9;
	border: 1px solid #eef0f2;
	border-radius: 3px;
}

.kmp-linking--panel .kmp-linking__item {
	background: #fff;
	border: 1px solid #e6e8ec;
}

/* --- Макет 821: без панели, плитки серые ------------------------- */
.kmp-linking--plain .kmp-linking__title {
	font-size: 20px;
}

.kmp-linking--plain .kmp-linking__item {
	background: #f7f8f9;
	border: 1px solid transparent;
}

.kmp-linking--plain .kmp-linking__item:hover {
	background: #f1f2f4;
}

/* --- Макет 822: плитки по содержимому, с рамкой ------------------ */
.kmp-linking--bordered .kmp-linking__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.kmp-linking--bordered .kmp-linking__item {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	background: #fff;
	border: 1px solid #e6e8ec;
	color: #55606e;
}

/* --- Макет 823: текстовая врезка с жёлтой полосой ---------------- */
.kmp-linking--note .kmp-linking__text {
	position: relative;
	padding: 16px 22px 16px 24px;
	background: #fff;
	border: 1px solid #ebedf0;
	border-left: 4px solid #ffc900;
	border-radius: 2px;
	font-size: 14px;
	line-height: 1.6;
	color: #55606e;
}

.kmp-linking--note .kmp-linking__text p:last-child {
	margin-bottom: 0;
}

.kmp-linking--note .kmp-linking__text a {
	color: #2a6ebb;
	text-decoration: underline;
}

.kmp-linking--note .kmp-linking__text a:hover {
	text-decoration: none;
}

/* --- Адаптив ----------------------------------------------------- */
@media (max-width: 991px) {
	.kmp-linking {
		margin-top: 25px;
	}

	.kmp-linking__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.kmp-linking--panel {
		padding: 18px 15px 20px;
	}

	.kmp-linking__title {
		font-size: 17px;
		margin-bottom: 14px;
	}

	.kmp-linking--plain .kmp-linking__title {
		font-size: 18px;
	}

	.kmp-linking__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 8px;
		gap: 8px;
	}

	.kmp-linking__item {
		padding: 10px 12px;
		font-size: 13px;
	}

	.kmp-linking--note .kmp-linking__text {
		padding: 14px 15px;
		font-size: 13px;
	}
}

@media (max-width: 479px) {
	.kmp-linking__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.kmp-linking--bordered .kmp-linking__item {
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
}