#doctor-hero{

}
.doctor-section-title {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	color: #003163;
}

.doctor-section-title--center {
	text-align: center;
}

.doctor-hero {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: #F0F7FB;
	border-radius: 20px;
}

.doctor-hero__media {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
}

.doctor-hero__photo-wrap {
	width: 100%;
}

.doctor-hero__photo {
	width: 100%;
	aspect-ratio: 10 / 9;
	max-height: 460px;
	object-fit: cover;
	object-position: top center;
	border-radius: 18px;
	display: block;
	height: 100%;
}

.doctor-hero__platforms {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

.doctor-hero__platform {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;

	border-radius: 15px;
}

.doctor-hero__platform img {
	max-width: max-content;
	height: auto;
	min-height: 60px;
	width: 100%;
}

.doctor-hero__name {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
	color: #003163;
}

.doctor-hero__subtitle {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.2;
	color: #003163;
}

.doctor-hero__facts {
	margin: 0 0 20px;
	padding: 0;
}

.doctor-hero__fact {
	display: block;
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.2;
}
.doctor-hero__fact dd, .doctor-hero__fact dt{
	display: inline-block;
}
.doctor-hero__fact:last-child {
	margin-bottom: 0;
}

.doctor-hero__fact dt {
	margin: 0;
	font-weight: 500;
	color: #003163;
}

.doctor-hero__fact dd {
	margin: 0;
	font-weight: 400;
	color: #003163;
}

.doctor-hero__fact--price dd {
	font-weight: 400;
}

.doctor-hero__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}

.doctor-hero__actions .btn {
	width: 100%;
}

.doctor-single__video-reviews {
	scroll-margin-top: 100px;
}

.doctor-about__content {
	font-size: 16px;
	line-height: 1.3;
	color: #003163;
	margin-bottom: 40px;
}

.doctor-about__content p {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 500;
}

.doctor-about__content ul {
	margin: 0 0 20px;
	padding-left: 24px;
	list-style: disc;
}

.doctor-about__content li {
	margin: 0;
}

.doctor-about__content > *:last-child {
	margin-bottom: 0;
}

#doctor-clinics .doctor-section-title {
	font-size: 20px;
}

.doctor-clinics-chips {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
}

.doctor-clinics-chip {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #6683a1;
	border-radius: 30px;
	font-size: 14px;
	line-height: 1.35;
	color: #003163;
	display: flex;
	align-items: center;
}

.doctor-clinics-chip__icon {
	flex: 0 0 18px;
	width: 18px;
	height: 22px;
	margin-top: 1px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003163'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.doctor-videos-carousel:not(.swiper) {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: 8px;
}

.doctor-video-card {
	flex: 0 0 85%;
	max-width: 49%;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.doctor-video-card__inner {
	position: relative;
	width: 100%;
	aspect-ratio: 288 / 175;
	border-radius: 20px;
	overflow: hidden;
	background: linear-gradient(145deg, #F0F7F8, #5fb4bb);
}

.doctor-video-card__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.doctor-video-card__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: var(--color-turquoise, #5fb4bb);
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.doctor-video-card.is-playing .doctor-video-card__play,
.doctor-video-card.is-playing .doctor-video-card__poster {
	display: none;
}

.doctor-video-card__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: 2;
}

.doctor-video-card__title {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.35;
}

.doctor-single__video-reviews {
	padding-top: 0;
}

.doctor-single__video-reviews .video-reviews__card {
	height: auto;
	aspect-ratio: 288 / 400;
}

.doctor-certificates-carousel:not(.swiper) {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	padding-bottom: 60px;
}

.doctor-certificates-carousel:not(.swiper):not(:has(> .cert-item:nth-child(2))) {
	padding-bottom: 0;
}

.doctor-certificates-carousel .cert-item {
	flex: 0 0 70%;
	max-width: 280px;
	height: auto;
}

.doctor-certificates-carousel .cert-inner {
	width: 100%;
}

.doctor-certificates-carousel .cert-img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

.doctor-certificates-carousel .cert-img:not([height]) {
	aspect-ratio: 800 / 1131;
	object-fit: contain;
}

#doctor-questions .doctor-section-title {
	margin-bottom: 30px;
}

.doctor-questions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.doctor-questions__player {
	position: relative;
	width: 100%;
	aspect-ratio: 288 / 162;
	border-radius: 15px;
	overflow: hidden;
	background: linear-gradient(145deg, #F0F7F8, #5fb4bb);
}

.doctor-questions__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.doctor-questions__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 56px;
	height: 56px;
	border: 0;
	border-radius: 50%;
	background: var(--color-turquoise, #5fb4bb);
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.doctor-questions__player.is-playing .doctor-questions__play,
.doctor-questions__player.is-playing .doctor-questions__poster {
	display: none;
}

.doctor-questions__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: 2;
}

.doctor-questions__caption {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	background: #fff;
}

.doctor-questions__text {
	flex: 1;
	margin: 0;
	font-size: 12px;
	line-height: normal;
	color: #003163;
}

.doctor-questions__duration {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	background: #5fb4bb;
	color: #fff;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
}

.doctor-reviews-carousel .review-card {
	width: 100%;
	max-width: 100%;
}

.doctor-single__empty {
	margin: 0;
	font-size: 14px;
	text-align: center;
}

.doctor-appointment {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: #fff;
	border: 1px solid #dff0f1;
	border-radius: 20px;
	padding: 10px 10px 30px;
}

.doctor-appointment__image,
.doctor-appointment__image picture {
	display: block;
	width: 100%;
}

.doctor-appointment__image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 15px;
	display: block;
}

.doctor-appointment__body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 5px;
}

.doctor-appointment__head {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.doctor-appointment__title {
	margin: 0;
	font-size: 18px;
}

.doctor-appointment__subtitle {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #5fb4bb;
}

.doctor-appointment .glaz-form__form {
	gap: 10px;
}

.doctor-appointment .glaz-form__fields {

	gap: 10px;
}

.doctor-appointment .glaz-form__fields input {
	height: auto;
	padding: 18px 20px;
	background: #fbfdff;
	border: 1px solid #6683a1;
	border-radius: 30px;
	font-size: 16px;
	line-height: 1;
	color: #003163;
}

.doctor-appointment .glaz-form__fields input::placeholder {
	color: #6683a1;
	opacity: 1;
}

.doctor-appointment .glaz-form__submit {
	height: auto;
	width: 100%;
	padding: 18px 30px;
	border-radius: 100px;
	background: #5fb4bb;
	border-color: #5fb4bb;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}

.doctor-appointment .glaz-form__privacy {
	margin-top: 10px;
}

.doctor-appointment .glaz-form__privacy-label {
	font-size: 10px;
	line-height: 1.4;
}

.doctor-appointment__note {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: #003163;
}

@media (min-width: 768px) {
	.doctor-section-title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.doctor-hero {
		flex-direction: row;
		align-items: center;
		gap: 24px;

		border-radius: 30px;
	}

	.doctor-hero__media {
		flex: 0 0 500px;
	}

	.doctor-hero__platforms {
		grid-template-columns: repeat(4, 1fr);
	}

	.doctor-hero__fact {
		grid-template-columns: auto 1fr;
	}

	.doctor-hero__actions {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.doctor-hero__actions .btn {
		width: auto;
		flex: 1 1 auto;
		min-width: 160px;
	}

	.doctor-clinics-chips {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.doctor-appointment {
		flex-direction: row;
		align-items: center;
	}

	.doctor-appointment__image {
		flex: 0 0 45%;
	}

	.doctor-certificates-carousel:not(.swiper):not(:has(> .cert-item:nth-child(3))) {
		padding-bottom: 0;
	}
}

@media (min-width: 1024px) {
	.doctor-certificates-carousel:not(.swiper):not(:has(> .cert-item:nth-child(4))) {
		padding-bottom: 0;
	}
}

@media (min-width: 1200px) {
	.doctor-certificates-carousel .cert-item {
		flex-basis: calc((100% - 60px) / 4);
	}

	.doctor-certificates-carousel:not(.swiper):not(:has(> .cert-item:nth-child(5))) {
		padding-bottom: 0;
	}

	.doctor-hero__name {
		font-size: 28px;
	}

	.doctor-hero__subtitle {
		font-size: 16px;
	}

	.doctor-clinics-chips {
		grid-template-columns: repeat(3, 1fr);
	}
}