/* Start:/bitrix/templates/oxy/components/bitrix/news/oxy_doctors/style.css?17935727454497*/
/*
 * oxy_doctors — стили страницы списка врачей и дополнения к посадочной.
 * Базовые стили посадочной берутся из шаблона (css/doctor.css, physicians.css,
 * luxury.css, expert.css, ba.css), здесь — только наши блоки.
 */

/* ---------- шапка страницы врачей ---------- */
.oxy_docs-hero {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 56px;
	padding: 34px 0 44px;
	border-bottom: 1px solid var(--line);
	align-items: end;
}

.oxy-hero-eyebrow {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--purple);
}

.oxy_docs-hero h1 {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(48px, 5.6vw, 78px);
	line-height: 1;
	letter-spacing: -.03em;
	margin: 18px 0 20px;
}

.oxy_docs-hero h1 em {
	font-style: italic;
	color: var(--purple);
}

.oxy_docs-hero-t > p {
	max-width: 560px;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.8;
}

.oxy_docs-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin: 30px 0 0;
	padding: 24px 0 0;
	border-top: 1px solid var(--line);
}

.oxy_docs-stats div {
	min-width: 90px;
}

.oxy_docs-stats dt {
	font-family: var(--serif);
	font-size: 42px;
	line-height: 1;
	color: var(--text);
}

.oxy_docs-stats dd {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--muted);
}

.oxy_docs-collage {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	align-items: end;
}

.oxy_docs-collage figure {
	margin: 0;
	background: var(--lav);
}

.oxy_docs-collage figure:nth-child(2) {
	margin-bottom: 22px;
}

.oxy_docs-collage img {
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: 50% 15%;
}

.oxy_docs-collage figcaption {
	font-size: 10px;
	letter-spacing: .06em;
	color: var(--muted);
	padding: 8px 4px;
}

.oxy_docs-hero--section {
	grid-template-columns: 1fr;
	padding-bottom: 30px;
}

/* ---------- блок «как выбрать врача» ---------- */
.oxy_docs-how {
	padding: 56px 0 10px;
}

.oxy_docs-how h2 {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(34px, 3.6vw, 52px);
	line-height: 1.05;
	letter-spacing: -.025em;
	margin: 16px 0 30px;
}

.oxy_docs-how h2 em {
	font-style: italic;
	color: var(--purple);
}

.oxy_docs-how-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 34px;
	border-top: 1px solid var(--line);
	padding-top: 28px;
}

.oxy_docs-how-grid article > span {
	font-size: 12px;
	letter-spacing: .12em;
	color: var(--purple);
}

.oxy_docs-how-grid h3 {
	font-size: 17px;
	font-weight: 600;
	margin: 12px 0 10px;
}

.oxy_docs-how-grid p {
	font-size: 14px;
	line-height: 1.75;
	color: var(--muted);
	max-width: 340px;
}

/* ---------- посадочная врача: дополнения ---------- */
.physician-prose p {
	margin-bottom: 14px;
	font-size: 15px;
	line-height: 1.85;
	color: var(--muted);
}

.physician-rate[hidden],
.physician-price-group[hidden] {
	display: none;
}

/* ---------- адаптив ---------- */
@media (max-width: 1100px) {
	.oxy_docs-hero {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.oxy_docs-hero h1 {
		font-size: 56px;
	}

	.oxy_docs-collage {
		max-width: 520px;
	}

	.oxy_docs-how-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

@media (max-width: 760px) {
	.oxy_docs-hero h1 {
		font-size: 44px;
	}

	.oxy_docs-stats {
		gap: 22px;
	}

	.oxy_docs-stats dt {
		font-size: 32px;
	}
}


/* ---------------------------------------------------------------
 * Страница списка врачей: разметка макета EXAMPLES/doctors.html.
 * Основные стили .dc-*/.cx-* лежат в css/catalog.css (подключён в
 * header.php). Здесь только то, чего в макете не было, — заглушка
 * вместо фото, если у врача нет картинки.
 * ------------------------------------------------------------- */
.dc-ph-initial {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-height: 220px;
        background: var(--lav);
        color: var(--purple);
        font: 400 64px/1 var(--serif);
}
/* End */


/* Start:/local/components/oxy/other_doctors/templates/.default/style.css?17913746151476*/
/* ============================================================
   Шаблон компонента «Другие специалисты» (oxy:other_doctor)
   Портировано из макета `.physician-related`
   ============================================================ */

.oxy_other{
	border-top:1px solid var(--line,#e2d7e9);
	margin:45px 0 65px;
	padding-top:35px;
}
.oxy_other-eyebrow{
	display:block;
	margin:0 0 14px;
	font-size:11px;
	font-weight:600;
	letter-spacing:.17em;
	text-transform:uppercase;
	color:var(--purple,#473367);
}
.oxy_other h2{
	margin:14px 0 30px;
	font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
	font-size:42px;
	font-weight:500;
	line-height:1.1;
}
.oxy_other>div:last-child{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}
.oxy_other a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	border-top:1px solid var(--line,#e2d7e9);
	padding:23px 0;
	font-size:16px;
	color:inherit;
	text-decoration:none;
	color: black;
}
.oxy_other b{
	color:var(--purple,#473367);
	font-weight:400;
}

/* ============================================================
   Адаптив
   ============================================================ */

@media(max-width:991px){
	.oxy_other{
		margin:32px 0 42px;
	}
	.oxy_other h2{
		font-size:35px;
	}
	.oxy_other>div:last-child{
		grid-template-columns:1fr;
		gap:0;
	}
	.oxy_other a{
		border-top: 2px solid var(--purple);
	}
}

/* End */
/* /bitrix/templates/oxy/components/bitrix/news/oxy_doctors/style.css?17935727454497 */
/* /local/components/oxy/other_doctors/templates/.default/style.css?17913746151476 */