/*
 * Главная «Концепции 04» (шаг 4.3) — ручные дополнения к home.css (генерируется design-prep/extract-css.py).
 */
.da-chrome .da-nowrap { white-space: nowrap; }

/* Титул: заголовок h1 — единственный на главной; старые стили h1 не применяются */
.da-chrome .hero-three h1 { margin: 0; color: var(--ink); text-transform: none; font-family: var(--sans); font-weight: 400; }
.da-chrome .hero-three h1 em { font-family: var(--serif); }
.da-chrome .hero-three-copy > p { margin-bottom: 0; }
.da-chrome .hero-three-visual > img { max-width: none; }
.da-chrome .hero-photo-caption > img { height: auto; }
/* Под старой шапкой главной был отступ; блок концепта отделён своими полями */
.da-chrome .home-shortcuts { margin-bottom: 0; }

/* Якоря главной — отступ под шапку задаёт scroll-padding-top у html (css/da/site.css), главная — da-page с 4.3.7 */

/* Широкие экраны (и уменьшенный масштаб браузера): в концепте правило центрирования титула (≥1850 px)
   перекрывается более поздним margin из v4 — титул прижимался влево */
@media (min-width: 1850px) {
	.da-chrome .hero-four { margin-left: auto; margin-right: auto; }
}

/* 4.3.3 – 4.3.4 Направления и цены: старые стили заголовков и абзацев не применяются */
.da-chrome .section h2 { font-family: var(--sans); text-transform: none; color: var(--ink); margin: 0; }
.da-chrome .section h2 em { font-family: var(--serif); }
.da-chrome .section h3 { font-family: var(--sans); text-transform: none; color: inherit; margin-top: 0; }
.da-chrome .home-price-title h3, .da-chrome .direction-nine h3, .da-chrome .staff-caption h3 { margin-bottom: 0; }
.da-chrome .direction-nine, .da-chrome .home-price-item { color: var(--ink); }
.da-chrome .direction-nine:hover, .da-chrome .home-price-item:hover { color: var(--ink); }
.da-chrome .home-price-number > small { white-space: normal; }
.da-chrome .da-price-note { font-size: 11px; color: var(--muted); margin-top: 10px; }

/* 4.3.5 Основатель, специалисты, руководство: фото и карточки — кнопки (открывают окно сведений) */
.da-chrome .founder-three-photo, .da-chrome .staff-photo, .da-chrome .management-person {
	padding: 0; border: 0; text-align: left; color: inherit; font: inherit; width: 100%; cursor: pointer;
}
.da-chrome .founder-three-photo { display: block; }
.da-chrome .staff-photo { background: var(--brand-peach-soft); }
.da-chrome .management-person { background: transparent; }
.da-chrome .management-person strong { color: var(--ink); }
.da-chrome .staff-caption h3 { font-family: var(--sans); }
.da-chrome .staff-caption h3 span { font-family: var(--sans); }
.da-chrome .founder-three-copy h2 { font-family: var(--sans); text-transform: none; }
.da-chrome .founder-three-copy h2 em { font-family: var(--serif); }
.da-chrome .founder-education > div { margin: 0; }
.da-chrome .founder-education dt { font-weight: 400; color: var(--brown); }
.da-chrome .clinic-fact-strip > a { color: var(--ink); }

/* Концепт на телефоне растягивал портреты руководства до 260 px (общее правило .leadership-portrait из style.css) —
   оставляем маленький портрет, как на компьютере */
@media (max-width: 680px) {
	.da-chrome .management-person > .leadership-portrait { min-height: 0; height: 76px; }
}
.da-chrome .clinic-fact-strip strong { white-space: nowrap; }
@media (max-width: 560px) {
	.da-chrome .clinic-fact-strip { gap: 22px; }
	.da-chrome .clinic-fact-strip strong { font-size: 23px; }
}

/* 4.3.6 Перед визитом, отзывы, контакты */
.da-chrome .visit-card, .da-chrome .visit-card:hover, .da-chrome .external-reviews > a, .da-chrome .external-reviews > a:hover { color: var(--ink); }
.da-chrome .visit-card > h3 { font-family: var(--sans); }
.da-chrome .external-reviews h2, .da-chrome .home-contact h2 { font-family: var(--sans); text-transform: none; margin: 0; }
.da-chrome .external-reviews h2 em, .da-chrome .home-contact h2 em { font-family: var(--serif); }
.da-chrome .home-contact-phone { color: var(--ink); }
.da-chrome .visit-card > h3 { margin: 30px 0 20px; }
@media (max-width: 800px) { .da-chrome .visit-card > h3 { margin: 24px 0 18px; } }
/* 4.11.1: номера направлений — контраст не ниже 4.5:1 */
.da-chrome .direction-nine .nine-number{color:var(--muted)}
/* 4.11.1: на 320px поля страницы 18px, а лента вкладок прайса выступала на 22px */
@media(max-width:360px){.da-chrome .home-price-tabs{margin-left:-18px;margin-right:-18px}}