

/* Start:/local/templates/verba/components/bitrix/catalog.section/verba_doctors/style.css?17703906315150*/
.content-cards__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 55px 20px;
	margin-bottom: 40px;
}

.content-cards__item {
	display: flex;
	flex-direction: column;
	text-align: left;
}

.content-cards__image {
	width: 100%;
	height: clamp(320px, 26vw, 538px);
	object-fit: cover;
	display: block;
}

.content-cards__content {
	flex: 1;
	margin-top: 20px;
}

.content-cards__name {
	font-family: 'Clear Sans';
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #282828;
	margin-bottom: 0;
	margin-left: 0;
}

.content-cards__profession {
	margin-top: 8px;
	margin-bottom: 0;
	padding-right: 0;
	font-family: 'Clear Sans';
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0px;
	color: #858585;
}

.content-cards__text-wrapper {
	position: relative;
}

.content-cards__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	margin-top: 16px;
	font-family: 'Clear Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0px;
	color: #191E29;
	margin-bottom: 0;
	max-height: 6.5em;
	overflow: hidden;
	transition: max-height 0.6s ease;
}

.content-cards__text--clamp {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: max-height 0.6s ease;
	position: relative;
}

.content-cards__text--clamp.has-overflow:not(.expanded)::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5em;
	background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.8) 100%);
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.6s ease;
}

.content-cards__text.expanded {
	-webkit-line-clamp: unset;
	line-clamp: unset;
	max-height: 1000px;
}

.content-cards__text--clamp.expanded::after {
	opacity: 0;
}

.content-cards__text--clamp.expanded {
	-webkit-line-clamp: unset;
	line-clamp: unset;
	display: block;
}

.content-cards__text {
	transition: max-height 0.6s ease;
	overflow: hidden;
}

.content-cards__text.collapsed {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.content-cards__text.expanded {
	display: block;
}

.content-cards__read-more {
	display: inline-block;
	margin-top: 8px;
	cursor: pointer;
	font-family: 'Clear Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0;
	color: #191E29;
	position: relative;
}

.content-cards__read-more::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #191E29;
}

@media (max-width: 768px) {
	.content-cards--horizontal-scroll .content-cards__item {
		flex: 0 0 280px;
		width: 280px;
	}

	.content-cards--horizontal-scroll .content-cards__grid {
		display: flex;
		gap: 20px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.content-cards--horizontal-scroll .content-cards__grid::-webkit-scrollbar {
		display: none;
	}

	.section-review .section__wrapper {
		margin: 0;
	}

	.section-review .content-cards__grid .content-cards__item:first-child {
		margin-left: 6%;
	}

	.section-review .content-cards__grid .content-cards__item:last-child {
		margin-right: 6%;
	}

	.section-review .section__title,
	.section-review .ap-button {
		margin-left: 6%;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.content-cards__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 55px 20px;
	}
}

@media (max-width: 768px) {
	.content-cards__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px 32px;
	}
}

@media (max-width: 600px) {
	.content-cards__grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 32px 0;
	}

	.content-cards__image {
		height: clamp(320px, 80vw, 538px);
	}
}

.content-cards--personal .stuff-item2 .popup-stuff-right,
.content-cards--personal .stuff-item2 .dop-info {
	display: none;
}

.specialist_prop__wrap {
	font-size: 16px;
	padding-right: 7%;
	margin-bottom: 1em;
	line-height: 1.714em;
	letter-spacing: -.005em;
}

.specialist_BUTTON_WhatsApp__wrap {
	margin-top: 25px;
}

.specialist_BUTTON_WhatsApp__wrap a {
	border: 1px solid lightgrey;
	border-radius: 10px;
	padding: 10px 20px;
	display: inline-block;
	color: black;
	font-weight: bold;
	background: rgb(241, 239, 239);
	background: linear-gradient(90deg, rgba(241, 239, 239, 1) 25%, rgba(194, 194, 194, 1) 75%);
}

.specialist_BUTTON_WhatsApp__wrap a:hover {
	background: rgb(241, 239, 239);
	background: linear-gradient(90deg, rgba(220, 220, 220, 1) 25%, rgba(175, 175, 175, 1) 75%);
}

.text_WhatsApp {
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.stuff-replace {
	display: block !important;
}

.stuff-replace .popup-stuff-left {
	float: left;
}

.stuff-replace .popup-stuff-right {
	float: right;
}

.stuff-item .dop-info {
	display: none;
}

.popup-inner .dop-info {
	display: block;
	font-size: 15px;
}

.button-zapis-na-priem canvas {
	background-color: #536e4a;
}

.popup-stuff-right .button-zapis-na-priem {
	color: #fff;
}

.button.button-zapis-na-priem::before {
	background: #536e4a !important;
}
/* End */
/* /local/templates/verba/components/bitrix/catalog.section/verba_doctors/style.css?17703906315150 */
