/* 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 */
/* /bitrix/templates/oxy/components/bitrix/news/oxy_doctors/style.css?17935727454497 */