/* Карточки с номером. Десктоп — сетка, ниже 1200 — слайдер. */

.numbered-cards .slider-nav--mobile { margin-top: 15px; }

/* Заголовок «про вас» в 343px чуть не входит в одну строку при ls -6%. */
@media (max-width: 767px) {
	.numbered-cards__titles--lead .title-h2 { letter-spacing: -0.078em; }
}

.numbered-cards__slider .swiper-slide { height: auto; }

.numbered-cards__card {
	position: relative;
	overflow: hidden;
	height: 100%;
	padding: 20px 15px 15px 35px;
	border-radius: 10px;
	background: var(--c-beige);
}

.numbered-cards__badge {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 6px 0 6px;
	min-width: 25px;
	height: 28px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: 400;
}

.numbered-cards__body {
	display: grid;
	gap: 10px;
}

.numbered-cards__name {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.32;
}

.numbered-cards__text {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.32;
}

.numbered-cards__notice {
	position: relative;
	overflow: hidden;
	display: grid;
	justify-items: start;
	gap: 20px;
	margin-top: 30px;
	padding: 20px;
	border-radius: 10px;
	background: var(--c-orange);
	color: var(--c-white);
}

.numbered-cards__notice.is-clampable { cursor: pointer; }

.numbered-cards__notice-copy {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 10px;
	max-width: 615px;
}

.numbered-cards__notice-text { font-weight: 400; font-size: 14px; line-height: 1.32; }

.numbered-cards__notice:not(.is-open) .numbered-cards__notice-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.numbered-cards__btn { position: relative; z-index: 1; }

.numbered-cards__mark {
	display: none;
}

@media (min-width: 1200px) {
	.numbered-cards .section-head__titles { gap: 20px; }
	.numbered-cards__titles--lead { gap: 25px; }

	.numbered-cards__slider .swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
		gap: 20px;
	}

	.numbered-cards__slider .swiper-slide { width: auto; margin: 0; }

	.numbered-cards__card { padding: 20px 20px 20px 56px; }

	.numbered-cards__badge {
		min-width: 37px;
		height: 34px;
		font-size: 18px;
	}

	.numbered-cards__body { gap: 15px; }

	.numbered-cards__name { font-size: 18px; line-height: 1.58; }

	.numbered-cards__text { font-weight: 500; }

	.numbered-cards__notice {
		gap: 25px;
		width: calc((100% - 40px) / 3 * 2 + 20px);
		margin-top: 20px;
	}

	.numbered-cards__notice-copy { gap: 15px; }

	.numbered-cards__notice-text { font-weight: 500; }

	.numbered-cards__notice:not(.is-open) .numbered-cards__notice-text {
		display: block;
		-webkit-line-clamp: unset;
		overflow: visible;
	}

	.numbered-cards__btn { min-height: 52px; }

	.numbered-cards__mark {
		display: block;
		position: absolute;
		right: -42px;
		top: 12px;
		width: 280px;
		height: 280px;
		opacity: 0.38;
		pointer-events: none;
	}

	.numbered-cards__mark-svg {
		width: 100%;
		height: 100%;
	}
}