/* Б36 / Б38 (05.11): страницы услуг Protect & Maintain / Legal & Financial — тема Dunara (переменные theme-dunara.css).
   Б38 «читается за 3 секунды»: шрифты те же; тонкие Kudryashev и IvyMode — лёгкая обводка в цвет текста (--sv-stroke), Inter — плотнее
   (400–600 вместо 300); текст ≥ 16 px; контраст текста ≥ 7:1 (#1A1A1A и #4A4540 на белом, белый и светлое золото #E2CB93 на синем).
   Первый экран — большое фото и одна фраза (заголовок); карточки услуг — фото, крупное название, одна строка; без фото — крупная иконка.
   Блок «More Than Selling» — по эталону incoming/references/2026-11-05-services-sections (снимок iPhone 3×, ширина 375). */
html body .sv { --sv-gold: rgb(178, 142, 60); --sv-gold-l: #E2CB93; --sv-navy: rgb(0, 35, 73); --sv-ink: #1A1A1A; --sv-sub: #4A4540; --sv-p: 17px; --sv-p-lh: 1.6; --sv-col: 760px; --sv-stroke: .35px;
  display: block; overflow-x: clip; background: var(--d-bg); font-family: var(--d-font-text); color: var(--sv-ink); }
html body .sv-wrap { max-width: calc(var(--sv-col) + 2 * var(--d-gutter)); }
/* обводка тонких начертаний (Б38): толщина штриха без замены шрифта */
html body .sv-h1, html body .sv-card__t, html body .dn-kicker, html body .sv-lead, html body .sv-contact__h { -webkit-text-stroke: var(--sv-stroke) currentColor; paint-order: stroke fill; }

/* первый экран: фото на всю ширину, снизу затемнение, белый курсив и заголовок */
html body .sv-top { position: relative; display: flex; align-items: flex-end; min-height: min(78vh, 720px); background: var(--sv-navy); color: #fff; overflow: hidden; }
html body .sv-hero__ph, html body .sv-hero__ph img { position: absolute; inset: 0; width: 100%; height: 100%; }
html body .sv-hero__ph img { object-fit: cover; object-position: 50% 72%; }   /* Б43: кадр ниже — ключ и вода в кадре на широком экране */
html body .sv-top::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 18, 38, 0) 58%, rgba(0, 18, 38, .62) 100%); }   /* Б43: короче и легче — коллаж не гасится */
html body .sv-top__in { position: relative; z-index: 1; box-sizing: border-box; width: 100%; max-width: calc(var(--sv-col) + 2 * var(--d-gutter)); margin: 0 auto; padding: 0 var(--d-gutter) 56px; }
html body .sv-top .dn-kicker { color: #fff; }
html body .sv-top:not(.sv-top--plain) .sv-top__in { text-shadow: 0 1px 2px rgba(0, 18, 38, .45), 0 2px 22px rgba(0, 18, 38, .6); }   /* Б43: заголовок читается и на светлой части коллажа */
html body .sv-top--plain { min-height: 320px; }   /* без фото (ждём коллаж) — синий первый экран с заголовком */
html body .sv-h1 { margin: 0; font-family: var(--d-font-head); font-weight: 400; font-size: 44px; line-height: 1.12; letter-spacing: 0; color: #fff; text-wrap: balance; }

/* вступление: курсивная фраза-акцент · текст · итоговая строка */
html body .sv-hero { padding-top: 56px; }
html body .sv-lead { margin: 0; font-family: var(--d-font-kicker); font-style: italic; font-weight: 300; font-size: 28px; line-height: 1.3; color: var(--sv-navy); }
html body .sv-p { margin: 20px 0 0; font-size: var(--sv-p); font-weight: 400; line-height: var(--sv-p-lh); letter-spacing: .005em; }
html body .sv-close { margin: 28px 0 0; padding-top: 18px; border-top: 1px solid var(--sv-gold); width: fit-content; font-size: 18px; font-weight: 600; line-height: 1.5; color: var(--sv-navy); }

/* карточки услуг */
html body .sv-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 20px; max-width: var(--sv-col); margin: 0 auto; }
html body .sv-card { display: flex; flex-direction: column; background: var(--d-bg); border: 1px solid var(--d-line); overflow: hidden; }
html body .sv-card__ph { aspect-ratio: 3 / 2; background: var(--d-bg-warm); }
html body .sv-card__ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
html body .sv-card__b { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px 24px; }
html body .sv-card--ic { align-items: flex-start; padding: 28px 24px 26px; gap: 18px; }
html body .sv-card--ic .sv-card__b { padding: 0; }
html body .sv-card__ic { display: block; width: 56px; height: 56px; color: #6E675E; }
html body .sv-card__ic svg { display: block; width: 100%; height: 100%; stroke-width: 1.1; }
html body .sv-card__t { margin: 0; font-family: var(--d-font-head); font-weight: 400; font-size: 24px; line-height: 1.15; letter-spacing: .015em; text-transform: uppercase; color: var(--sv-ink); }
html body .sv-card__x { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--sv-sub); }

/* «More Than Selling» — тёмно-синий, золото сайта (текст на синем — светлый тон золота для контраста ≥ 7:1) */
html body .sv-more-sec { padding: var(--d-sec) 0; }
html body .sv-more { max-width: var(--sv-col); margin: 0 auto; box-sizing: border-box; padding: 44px 48px 40px; border-radius: 12px; background: var(--sv-navy); color: #fff; }
html body .sv-more__k { margin: 0; font: 600 13px/1.3 var(--d-font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--sv-gold-l); }
html body .sv-more__h { margin: 16px 0 0; font: 600 32px/1.3 var(--d-font-text); letter-spacing: -.005em; color: #fff; text-wrap: balance; }
html body .sv-more__t { margin: 22px 0 0; font: 400 17px/1.55 var(--d-font-text); color: #fff; }
html body .sv-more__line { margin: 30px 0 0; border: 0; border-top: 1px solid rgba(255, 255, 255, .28); }
html body .sv-more__tag { margin: 26px 0 0; font: 500 18px/1.45 var(--d-font-text); color: var(--sv-gold-l); }
html body .sv-more__btn { display: block; margin-top: 20px; padding: 16px 20px; border: 1px solid var(--sv-gold-l); border-radius: 6px; font: 600 16px/1.45 var(--d-font-text); letter-spacing: .03em; text-transform: uppercase; text-align: center; color: #fff; text-decoration: none; transition: background-color var(--d-dur-fast) ease; }
html body .sv-more__btn:hover { background: rgba(226, 203, 147, .14); }

/* соседняя страница услуг — пункт как в меню */
html body .sv-next-wrap { padding-bottom: var(--d-sec); }
html body .sv-next { display: flex; align-items: center; gap: 18px; padding: 22px 24px; border: 1px solid var(--d-line); color: var(--sv-ink); text-decoration: none; transition: border-color var(--d-dur-fast) ease; }
html body .sv-next:hover { border-color: var(--d-muted-2); }
html body .sv-next__ic { flex: none; width: 30px; height: 30px; color: #6E675E; }
html body .sv-next__ic svg { display: block; width: 100%; height: 100%; }
html body .sv-next b { display: block; font: 600 15px/1.3 var(--d-font-text); letter-spacing: .05em; }
html body .sv-next small { display: block; margin-top: 5px; font: 400 15px/1.45 var(--d-font-text); color: var(--sv-sub); }
html body .sv-next__ar { margin-left: auto; font: 400 28px/1 var(--d-font-arrow); color: #6E675E; }

/* форма связи внизу (без колонки агентов — легче для телефона): поля и кнопка — стили dfooter.css */
html body .sv-contact { padding: var(--d-sec) 0; background: var(--d-bg-warm); }
html body .sv-contact .dc-form { margin-top: 22px; }
html body .sv-contact__h { margin: 0; font-family: var(--d-font-head); font-weight: 400; font-size: var(--d-h3); line-height: 1.15; color: var(--sv-ink); }
html body .sv-contact__ph { margin: 14px 0 0; font-size: 17px; font-weight: 400; }
html body .sv-contact__ph a { color: var(--sv-navy); text-decoration: none; }

/* Б46: страница Sell — заметная кнопка оценки, «How We Sell» номерами (3 × 2 на компьютере), ссылки на услуги */
html body .sv-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin: 28px 0 0; }
html body .sv-cta__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 34px; border-radius: 40px; background: var(--sv-navy); color: #fff; font: 600 16px/1.2 var(--d-font-text); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; transition: opacity var(--d-dur-fast) ease; }
html body .sv-cta__btn:hover { opacity: .9; }
html body .sv-cta__note { font-size: 15px; color: var(--sv-sub); }
html body .sv-sec-h { margin: 0 0 26px; font-family: var(--d-font-head); font-weight: 400; font-size: var(--d-h3); line-height: 1.15; color: var(--sv-ink); -webkit-text-stroke: var(--sv-stroke) currentColor; paint-order: stroke fill; }
html body .sv-cards--steps { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; }
html body .sv--sell .sv-cards-sec .sv-wrap { max-width: calc(1100px + 2 * var(--d-gutter)); }
html body .sv-card__n { font: 600 13px/1 var(--d-font-text); letter-spacing: .12em; color: var(--sv-gold); }
html body .sv-next-wrap--sell { display: grid; gap: 14px; padding-top: var(--d-sec); padding-bottom: 0; }

/* телефон */
@media (max-width: 700px) {
  html body .sv { --sv-p: 16px; --sv-p-lh: 1.55; --sv-stroke: .3px; }
  /* Б43: телефон — коллаж целиком (3 : 2, без обрезки и увеличения), заголовок под ним на синем */
  html body .sv-top { display: block; min-height: 0; }
  html body .sv-top .sv-hero__ph, html body .sv-top .sv-hero__ph img { position: static; display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
  html body .sv-top:not(.sv-top--plain)::after { display: none; }
  html body .sv-top__in { padding: 22px 20px 28px; text-shadow: none !important; }
  html body .sv-top--plain { min-height: 300px; }
  html body .sv-h1 { font-size: 30px; }
  html body .sv-hero { padding-top: 34px; padding-bottom: 44px; }
  html body .sv-lead { font-size: 20.8px; }   /* курсив — как эталон Continuum («Club Level 6») */
  html body .sv-p { margin-top: 14px; }
  html body .sv-close { margin-top: 20px; padding-top: 14px; font-size: 17px; }
  html body .sv-cards { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 14px; }
  html body .sv--legal .sv-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; }
  html body .sv-card__b { padding: 16px 18px 20px; gap: 8px; }
  html body .sv-card--ic { padding: 20px 16px; gap: 14px; }
  html body .sv-card__ic { width: 44px; height: 44px; }
  html body .sv-card__t { font-size: 22px; }
  html body .sv-card--ic .sv-card__t { font-size: 18px; }
  html body .sv-more-sec { padding: 40px 0; }
  html body .sv-more { padding: 18px 16px 16px; border-radius: 10px; }
  html body .sv-more__h { margin-top: 14px; font-size: 24px; line-height: 1.333; }
  html body .sv-more__t { margin-top: 18px; font-size: 16px; line-height: 24px; }
  html body .sv-more__line { margin-top: 26px; }
  html body .sv-more__tag { margin-top: 24px; font-size: 17px; line-height: 24px; }
  html body .sv-more__btn { margin-top: 16px; padding: 12px 16px; font-size: 16px; line-height: 23px; }
  html body .sv-next { gap: 14px; padding: 18px 16px; }
  html body .sv-next b { font-size: 14px; }
  html body .sv-next small { font-size: 15px; }
  html body .sv-cards--steps { grid-template-columns: 1fr; }
  html body .sv-cta { margin-top: 22px; }
  html body .sv-cta__btn { width: 100%; min-height: 52px; padding: 0 20px; }
  html body .sv-sec-h { font-size: 24px; margin-bottom: 18px; }
  html body .sv-next-wrap--sell { padding-top: 44px; }
  html body .sv-contact { padding: 44px 0; }
  html body .sv-contact__h { font-size: 24px; }
  html body .sv-contact__ph { font-size: 16px; }
}
/* шапка телефона на страницах услуг: логотип и язык (призыв — синяя кнопка и форма на странице) */
@media (max-width: 420px) {
  html.sv-page .dn-hdr .dn-btn--sm { display: none; }
}