/* 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/before_after/templates/.default/style.css?17917087297049*/
/* ============================================================
   Компонент «Фото до и после» (oxy:before_after)
   Портировано из макета `.f-ba-*` (ba.css)
   ============================================================ */

.oxy_ba{
	padding:38px 0;
	border-bottom:1px solid var(--line,#ddd8e6);
}
.oxy_ba[hidden]{
	display:none;
}

.oxy_ba-eyebrow{
	font-size:12px;
	font-weight:600;
	letter-spacing:.17em;
	text-transform:uppercase;
	color:var(--purple,#473367);
}
.oxy_ba h2{
	margin:15px 0 23px;
	font-family:var(--serif,"Cormorant Garamond",Georgia,serif);
	font-size:44px;
	font-weight:500;
	line-height:1.1;
}

/* Шапка секции: текст + статистика */
.oxy_ba-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:24px;
	flex-wrap:wrap;
}
.oxy_ba-head p{
	max-width:520px;
	margin-top:14px;
	font-size:14px;
	line-height:1.75;
	color:var(--muted,#716b7e);
}
.oxy_ba-stat{
	display:flex;
	gap:28px;
}
.oxy_ba-stat>div{
	padding-left:16px;
	border-left:1px solid var(--line,#ddd8e6);
}
.oxy_ba-stat b{
	display:block;
	font:400 38px/1 var(--serif,"Cormorant Garamond",Georgia,serif);
	color:var(--purple,#473367);
}
.oxy_ba-stat span{
	font-size:12px;
	color:var(--muted,#716b7e);
}

/* Панель фильтров */
.oxy_ba-tools{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:14px;
	margin:28px 0 24px;
	padding:14px;
	background:var(--lav,#f1eaf7);
}
.oxy_ba-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.oxy_ba-chips button{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:42px;
	padding:9px 15px;
	border:1px solid var(--line,#ddd8e6);
	background:var(--paper,#fff);
	color:var(--text,#282239);
	font:inherit;
	font-size:13px;
	cursor:pointer;
}
.oxy_ba-chips button span{
	font-size:11px;
	color:var(--muted,#716b7e);
}
.oxy_ba-chips button:hover{
	border-color:var(--purple,#473367);
}
.oxy_ba-chips button.selected{
	border-color:var(--royal-deep,#2f193b);
	background:var(--royal-deep,#2f193b);
	color:#fff;
}
.oxy_ba-chips button.selected span{
	color:#d9c6e8;
}
.oxy_ba-blur{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:42px;
	font-size:12px;
	color:var(--muted,#716b7e);
	cursor:pointer;
}
.oxy_ba-blur input{
	width:18px;
	height:18px;
	accent-color:var(--purple,#473367);
}

/* Сетка карточек */
.oxy_ba-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:26px 18px;
}
.oxy_ba-card{
	display:block;
	width:100%;
	padding:0;
	border:0;
	background:none;
	text-align:left;
	color:inherit;
	font:inherit;
	cursor:zoom-in;
}
.oxy_ba-card[hidden]{
	display:none;
}
.oxy_ba-pair{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:2px;
	aspect-ratio:2/1.25;
	overflow:hidden;
	background:var(--lav,#f1eaf7);
}
.oxy_ba-cell{
	position:relative;
	display:block;
	overflow:hidden;
	background:#1d1622;
}
.oxy_ba-cell img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .5s,filter .3s;
}
.oxy_ba-card:hover .oxy_ba-cell img{
	transform:scale(1.04);
}
.oxy_ba-tag{
	position:absolute;
	left:8px;
	bottom:8px;
	padding:5px 8px;
	background:#fffffff0;
	color:#2f193b;
	font-size:10px;
	font-weight:600;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.oxy_ba-cell+.oxy_ba-cell .oxy_ba-tag{
	background:#2f193b;
	color:#fff;
}
.oxy_ba-name{
	display:block;
	margin-top:12px;
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	color:var(--text,#282239);
}
.oxy_ba-meta{
	display:block;
	margin-top:3px;
	font-size:12px;
	color:var(--muted,#716b7e);
}

/* Размытие фото груди и тела */
.oxy_ba-sensitive .oxy_ba-cell img{
	filter:blur(18px) saturate(.6);
}
.oxy_ba-sensitive .oxy_ba-pair:after{
	content:"Медицинское фото · нажмите, чтобы открыть";
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	padding:16px;
	text-align:center;
	color:#fff;
	font-size:12px;
	letter-spacing:.04em;
	background:#2f193b66;
}

.oxy_ba-more{
	margin-top:30px;
	text-align:center;
}
.oxy_ba-more[hidden]{
	display:none;
}
.oxy_ba-note{
	margin-top:24px;
	padding-top:16px;
	border-top:1px solid var(--line,#ddd8e6);
	font-size:12px;
	line-height:1.8;
	color:var(--muted,#716b7e);
}

/* ============================================================
   Лайтбокс
   ============================================================ */

.oxy_ba-lightbox{
	width:100%;
	max-width:min(1100px,calc(100vw - 32px));
	padding:0;
	border:0;
	background:transparent;
	color:#fff;
}
.oxy_ba-lightbox::backdrop{
	background:#1a0f20f0;
}
.oxy_ba-lb-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:16px;
	padding:0 0 14px;
}
.oxy_ba-lb-top h3{
	margin:0;
	font:400 28px/1.15 var(--serif,"Cormorant Garamond",Georgia,serif);
	color:#fff;
}
.oxy_ba-lb-top span{
	font-size:12px;
	color:#cdb9da;
}
.oxy_ba-lb-close{
	flex-shrink:0;
	width:44px;
	height:44px;
	border:0;
	background:#fff;
	color:#2f193b;
	font-size:24px;
	cursor:pointer;
}
.oxy_ba-lb-pair{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4px;
}
.oxy_ba-lb-cell{
	position:relative;
	display:block;
	background:#000;
}
.oxy_ba-lb-cell img{
	width:100%;
	max-height:70vh;
	object-fit:contain;
}
.oxy_ba-lb-tag{
	position:absolute;
	left:12px;
	top:12px;
	padding:6px 10px;
	background:#fff;
	color:#2f193b;
	font-size:11px;
	font-weight:600;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.oxy_ba-lb-cell+.oxy_ba-lb-cell .oxy_ba-lb-tag{
	background:#82379e;
	color:#fff;
}
.oxy_ba-lb-nav{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px;
	margin-top:14px;
}
.oxy_ba-lb-nav button{
	min-height:44px;
	padding:10px 20px;
	border:1px solid #ffffff66;
	background:transparent;
	color:#fff;
	font:inherit;
	font-size:13px;
	cursor:pointer;
}
.oxy_ba-lb-nav button:hover{
	background:#ffffff1a;
}
.oxy_ba-lb-nav span{
	font-size:12px;
	color:#cdb9da;
}

.oxy_ba-more button{
	margin: 21px 0;
    font-size: 12px;
    border-radius: 0;
    padding: 16px 13px;
    background: transparent;
    color: var(--purple);
    border-color: var(--purple);
	font-weight: 400;
}
.oxy_ba-more button:hover {
    background: var(--lav);
	color: var(--purple);
}
/* ============================================================
   Адаптив
   ============================================================ */

@media(max-width:991px){
	.oxy_ba{
		padding:30px 0;
	}
	.oxy_ba h2{
		font-size:36px;
		margin:14px 0 20px;
	}
	.oxy_ba-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:560px){
	.oxy_ba-grid{
		grid-template-columns:1fr;
	}
	.oxy_ba-tools{
		margin-left:-18px;
		margin-right:-18px;
	}
	.oxy_ba-chips{
		flex-wrap:nowrap;
		overflow-x:auto;
		scrollbar-width:none;
		padding-bottom:2px;
	}
	.oxy_ba-chips button{
		white-space:nowrap;
		flex-shrink:0;
	}
	.oxy_ba-stat b{
		font-size:32px;
	}
	.oxy_ba-lb-top h3{
		font-size:21px;
	}
	.oxy_ba-lb-pair{
		grid-template-columns:1fr;
	}
}

/* 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/before_after/templates/.default/style.css?17917087297049 */
/* /local/components/oxy/other_doctors/templates/.default/style.css?17913746151476 */