/* ==========================================================================
   SDV · Подложка, палитра и наведение · v2.1 · 01.09.2026
   Настройки сайта → Вставка кода → Пользовательские CSS-стили.
   Действует на всех страницах сайта.
   Откат: очистить это поле и опубликовать. В блоках ничего не тронуто.

   ПОРЯДОК РАЗДЕЛОВ
   1. Палитра и поверхности
   2. Вуали: светлые и тёмные полосы
   3. Отдельные блоки Тильды (цитата, статистика, номера, кнопка, призыв)
   4. Перевод палитры блоков T123 — главный раздел
   5. Заливные кнопки
   6. Хексы, вписанные мимо переменных
   7. Наведение
   8. Отдельные страницы (Спасибо, Примеры, карточки кейсов)
   ========================================================================== */

:root{

  /* ─── ПАЛИТРА. Меняется только этот кусок ────────────────────────────
     Ниже стоит «Малахит».
     Чтобы попробовать другой вариант, замените шесть строк на набор
     из документа (раздел 4): «Сталь» или «Латунь».
     ------------------------------------------------------------------ */
  --sdv-acc:        #67C0A0;   /* акцент на тёмном фоне,  8,72 : 1 */
  --sdv-acc-ink:    #17604A;   /* акцент на светлом фоне, 6,68 : 1 */
  --sdv-btn-bg:     #1E6B54;   /* фон кнопки                       */
  --sdv-btn-tx:     #FFFFFF;   /* текст на кнопке,        6,39 : 1 */
  --sdv-sig:        #E36B4A;   /* сигнал на тёмном: только крупные цифры расхождения */
  --sdv-sig-ink:    #A8341C;   /* сигнал на светлом                */

  /* ─── ПОВЕРХНОСТИ. Это трогать не нужно ─────────────────────────── */
  --sdv-veil-light: rgba(255,255,255,.84);
  --sdv-veil-dark:  rgba(13,14,16,.86);
  /* .86, а не .80: на подложке есть яркие фигуры, и в самых светлых
     местах малахит на карточке давал 4,31 : 1 — ниже порога 4,5.
     При .86 там же 5,3, а фотография сквозь вуаль всё так же читается. */
  --sdv-ink:        #14161A;               /* текст на светлом  — 13,2 : 1 */
  --sdv-ink-2:      #4A4F57;               /* второстепенный    —  6,0 : 1 */
  --sdv-paper:      #F4F5F6;               /* текст на тёмном   — 11,6 : 1 */
  --sdv-paper-2:    rgba(244,245,246,.74); /* второстепенный    —  5,9 : 1 */
  --sdv-line:       rgba(20,22,26,.14);
  --sdv-line-dark:  rgba(244,245,246,.16);
  --sdv-desat-light: saturate(.12) brightness(1.05);
  --sdv-desat-dark:  saturate(.18);
}

/* ─── 1. СВЕТЛЫЕ ПОЛОСЫ ────────────────────────────────────────────────
   Было rgba(240,238,233,.7) — тёплый бежевый.
   Стало белый .84 + обесцвечивание подложки.
   Пол читаемости поднимается с rgb(182,179,174) до rgb(220,220,220):
   мелкое золото на тёмном участке фотографии давало 1,54 : 1 — то есть
   не читалось вовсе. -------------------------------------------------- */
#rec3136902901 .sdv-tr,
#rec3268884201 .sdv-get__light,
#rec2359017821 .hv-hero__ov,
#rec3272018501 .sdv-pr__light,
#rec3386917501 .sdv-how,
.sdv-veil-light{
  background-color: var(--sdv-veil-light) !important;
  -webkit-backdrop-filter: var(--sdv-desat-light);
          backdrop-filter: var(--sdv-desat-light);
}

/* ─── 2. ТЁМНЫЕ ПОЛОСЫ ────────────────────────────────────────────────
   Было rgba(0,0,0,.7) — чистый чёрный поверх золотых монет даёт
   коричневую грязь. Стало графит .80 + обесцвечивание. ---------------- */
#rec3107765501 .sdv-hero,
#rec3137387001 .sdv-aud,
#rec3268884201 .sdv-get__dark,
#rec3272018501 .sdv-pr__dark,
#rec3387283001 .sdv-why,
#rec3333752501 .sdv-case,
.sdv-veil-dark{
  background-color: var(--sdv-veil-dark) !important;
  -webkit-backdrop-filter: var(--sdv-desat-dark);
          backdrop-filter: var(--sdv-desat-dark);
}

/* ─── 3. ЦИТАТА (rec2380990571) ───────────────────────────────────────
   Вуаль у блока своя: Zero Block рисует её градиентом в .t396__filter,
   а не цветом фона. Тон был тот же тёплый бежевый .7.
   Блок светлый — и по чередованию тонов он таким и должен быть:
   статистика (Т) → цитата (С) → «Почему приходят к нам» (Т). --------- */
#rec2380990571 .t396__filter{
  background-image: linear-gradient(var(--sdv-veil-light), var(--sdv-veil-light)) !important;
  -webkit-backdrop-filter: var(--sdv-desat-light);
          backdrop-filter: var(--sdv-desat-light);
}
/* кнопка цитаты: было белое по золоту #C9A24D — 2,4 : 1 */
#rec2380990571 .tn-atom[href]{
  background-color: var(--sdv-btn-bg) !important;
  color: var(--sdv-btn-tx) !important;
}

/* ─── 3a. СТАТИСТИКА (rec2349866391) ──────────────────────────────────
   У блока своя обложка — фотография с часами и монетами, она выбивалась
   золотыми пятнами. Поверх лежит графит .86 с обесцвечиванием.
   Когда захотите, чтобы фотография проступила, — уменьшите альфу. ---- */
#rec2349866391 .t-cover__filter{
  background-color: rgba(13,14,16,.86) !important;
  background-image: none !important;
  -webkit-backdrop-filter: var(--sdv-desat-dark);
          backdrop-filter: var(--sdv-desat-dark);
}

/* ─── 3b. НОМЕРА В «5 НАПРАВЛЕНИЯХ» ───────────────────────────────────
   Плашки .hv-hero__index были залиты золотом #C9A24D на 15 %.
   На белой вуали это читалось как кремовое пятно. -------------------- */
#rec2359017821 .hv-hero__index{
  background-color: rgba(23,96,74,.10) !important;
  color: var(--sdv-acc-ink) !important;
}

/* ─── 3c. КНОПКА ПЕРВОГО ЭКРАНА ───────────────────────────────────────
   Было белое по золоту #C9A24D — 2,4 : 1. Ниже любого порога.
   Стало белое по малахиту — 6,39 : 1. -------------------------------- */
#rec3107765501 .sdv-hero__btn--main{
  background-color: var(--sdv-btn-bg) !important;
  color: var(--sdv-btn-tx) !important;
}

/* ─── 3d. МЕЛКОЕ ЗОЛОТО, ВПИСАННОЕ В РАЗМЕТКУ ─────────────────────── */
#rec3136902901 .sdv-tr [style*="8A6A1F"],
#rec3268884201 .sdv-get__light [style*="8A6A1F"]{ color: var(--sdv-acc-ink) !important; }

/* ─── 3e. ЗАПАСНОЙ ВАРИАНТ ────────────────────────────────────────────
   Если backdrop-filter где-то не поддержан (очень старый браузер),
   плотность вуали поднимается, и полосы всё равно читаются. ---------- */
@supports not ((-webkit-backdrop-filter: saturate(1)) or (backdrop-filter: saturate(1))){
  :root{
    --sdv-veil-light: rgba(255,255,255,.92);
    --sdv-veil-dark:  rgba(13,14,16,.92);
  }
}

/* ─── 3f. СИГНАЛЬНЫЙ ЦВЕТ. Только цифры расхождения в блоке кейсов ─── */
#rec3333752501 .sdv-case__hook{ color: var(--sdv-sig) !important; }

/* ─── 3g. БЛОК ПРИЗЫВА. Горчичный #C79200 выведен в глубокий малахит ── */
#rec2258787681{ background-color: #14453A !important; }
#rec2258787681 .t992__descr{ color: rgba(255,255,255,.78) !important; }
/* Иконка с печатью нарисована тёмным — её цвет подбирали под горчичный
   фон, на малахите она даёт 1,6 : 1 и просто пропадает. Перекрасить
   картинку через color нельзя, поэтому выбеливаем её фильтром:
   brightness(0) делает силуэт чёрным, invert(1) — белым. 10,8 : 1. */
#rec2258787681 .t992__img,
#rec2258787681 .t-section__topwrapper img{
  filter: brightness(0) invert(1);
  opacity: .92;
}

/* ═══ 4. ПЕРЕВОД ПАЛИТРЫ БЛОКОВ ═════════════════════════════════
   Каждый блок T123 объявляет свои --gold прямо у себя, а его
   его стили стоят в разметке НИЖЕ этого файла. При равной силе
   селектора побеждает тот, что ниже, — поэтому здесь селекторы
   усилены `body`, а переменные помечены !important. Иначе блок
   перебивает настройку и остаётся золотым.
   Одна правка здесь — и цвет меняется на всех страницах сразу.
   ------------------------------------------------------------ */

/* блоки на светлом фоне */
body .sdv-tr, body .sdv-get, body .sdv-get__light,
body .sdv-pr, body .sdv-pr__light, body .hv-hero, body .sdv-how{
  --gold:      #17604A !important;
  --gold-dark: #0F4A38 !important;
  --gold-ink:  #0F4A38 !important;
  --gold-soft: rgba(23,96,74,.30) !important;
  --btn:       #1E6B54 !important;
  --btn-hover: #175442 !important;
  --btn-ink:   #FFFFFF !important;
}

/* блоки на тёмном фоне */
body .sdv-hero, body .sdv-aud, body .sdv-get__dark, body .sdv-pr__dark,
body .sdv-case, body .sdv-why, body .hp-accordion{
  --gold:      #67C0A0 !important;
  --gold-dark: #4FB392 !important;
  --gold-ink:  #67C0A0 !important;
  --gold-soft: rgba(103,192,160,.45) !important;
  --btn:       #1E6B54 !important;
  --btn-hover: #175442 !important;
  --btn-ink:   #FFFFFF !important;
}

/* ─── 5. ЗАЛИВНЫЕ КНОПКИ ──────────────────────────────────────
   Они набраны тёмным по золоту. Одной переменной тут мало:
   поменяешь фон — текст останется тёмным по тёмному. Поэтому
   фон и текст задаются вместе. Белый на #1E6B54 — 6,4 : 1.
   Имя класса продублировано родителем — иначе общее правило
   для ссылок (раздел 7) окажется сильнее и перекрасит текст. */
body .sdv-hero a.sdv-hero__btn--main, body .sdv-tr a.sdv-tr__btn,
body .sdv-pr a.sdv-pr__btn, body .sdv-case a.sdv-case__btn{
  background-color: #1E6B54 !important;
  border-color:     #1E6B54 !important;
  color:            #FFFFFF !important;
}
body .sdv-hero a.sdv-hero__btn--main:hover, body .sdv-tr a.sdv-tr__btn:hover,
body .sdv-pr a.sdv-pr__btn:hover, body .sdv-case a.sdv-case__btn:hover{
  background-color: #175442 !important;
  border-color:     #175442 !important;
  color:            #FFFFFF !important;
}

/* ─── 6. ЧТО ВПИСАНО ХЕКСАМИ МИМО ПЕРЕМЕННЫХ ────────────────── */
/* «Разобрать дело»: стрелка, рамка карточки и подчёркивание */
body .sdv-case__more::after{ color:#67C0A0 !important; }
body a.sdv-case__card:hover{ border-color:#67C0A0 !important; }
body a.sdv-case__card:hover .sdv-case__more,
body a.sdv-case__card:hover .sdv-case__more::after{ color:#8FD3B8 !important; }
body a.sdv-case__card:hover .sdv-case__more{ text-decoration-color:#8FD3B8 !important; }
/* контурные кнопки «С чем к нам приходят»: рамка вписана хексом */
body .sdv-aud__btn{ border-color: rgba(103,192,160,.55) !important; }
/* «Смотреть свежий разбор» в «Что вы получаете» */
body .sdv-doc__new{ color:#0F4A38 !important;
                    border-bottom-color: rgba(23,96,74,.35) !important; }
body .sdv-doc__new:hover{ color:#0E4433 !important;
                    border-bottom-color:#17604A !important; }
/* волоски и рамка в карточках кейсов */
body .sdv-case__more{ border-top-color: rgba(103,192,160,.25) !important; }
body .sdv-case__soon{ border-top-color: rgba(103,192,160,.20) !important; }
body .sdv-case__card{ border-color: rgba(103,192,160,.25) !important; }
/* цифра расхождения — сигнальный цвет, а не акцентный */
body .sdv-case__hook{ color: var(--sdv-sig) !important; }
/* плашки номеров в «5 направлениях» */
body .hv-hero__index{ background-color: rgba(23,96,74,.10) !important;
                      color: var(--sdv-acc-ink) !important; }
/* мелкое золото, вписанное прямо в разметку */
body [style*="8A6A1F"], body [style*="8a6a1f"]{ color: var(--sdv-acc-ink) !important; }

/* ═══ 7. НАВЕДЕНИЕ ═════════════════════════════════
   Было: оттенок менялся у трёх кнопок из тридцати. Стало:
   отзывается любая ссылка — и в пределах палитры. ------------ */
body [class*="sdv-"] a, body [class*="hv-"] a,
body .sdv-case__more, body .sdv-get__arrow, body .sdv-aud__btn,
body .sdv-tr__btn, body .sdv-pr__btn, body .sdv-case__btn,
body .sdv-hero__btn--main{
  transition: color .18s ease, background-color .18s ease,
              border-color .18s ease, text-decoration-color .18s ease;
}

/* ссылки на тёмном — светлеют */
body .sdv-hero a:hover, body .sdv-aud a:hover, body .sdv-get__dark a:hover,
body .sdv-pr__dark a:hover, body .sdv-case a:hover, body .sdv-why a:hover,
body #rec2230742401 a:hover{ color:#8FD3B8 !important; }

/* ссылки на светлом — темнеют */
body .sdv-tr a:hover, body .sdv-get__light a:hover, body .sdv-pr__light a:hover,
body .hv-hero a:hover, body .sdv-how a:hover,
body #rec2388438791 a:hover{ color:#0E4433 !important; }

/* контурные кнопки на тёмном — заливаются */
body .sdv-aud a.sdv-aud__btn:hover{ background-color:#67C0A0 !important;
  border-color:#67C0A0 !important; color:#0B241B !important; }

/* ссылки на тёмном фоне, которые красит общая настройка сайта.
   Тильда красит все ссылки одним цветом (Настройки сайта → Цвета
   и стили → цвет ссылок). Там стоит тёмный малахит — он верен на
   светлом, но пропадает на тёмном. Здесь возвращаем светлый. */
body .sdv-get__dark a, body .sdv-get__file, body .sdv-get__file-txt,
body .sdv-hero a, body .sdv-aud a, body .sdv-case a, body .sdv-why a,
body .sdv-pr__dark a, body #rec2230742401 a{ color:#67C0A0 !important; }

/* ═══ 8. ОТДЕЛЬНЫЕ СТРАНИЦЫ ════════════════════════
   Страница «Спасибо»: кнопка «Добавить документы» — стандартный
   блок Тильды, цвет задан в настройках самого блока. */
body #rec3300309201 .t-btnflex_type_button{
  background-color:#1E6B54 !important; color:#FFFFFF !important; }
body #rec3300309201 .t-btnflex_type_button:hover{
  background-color:#175442 !important; color:#FFFFFF !important; }

/* Страница «Примеры» и карточки кейсов — Zero Block.
   Переменных там нет вообще, поэтому правила привязаны к id
   элементов. Если пересобрать эти блоки в редакторе, id сменятся
   и правила перестанут действовать — тогда их надо переснять. */
.tn-elem[data-elem-id="1787733045365000054"],
.tn-elem[data-elem-id="1787733045365000054"] .tn-atom{ color: var(--sdv-sig-ink) !important; }
.tn-group[data-group-id="1787739313717000005"] .tn-molecule{ background-color: var(--sdv-btn-bg) !important; }
.tn-group[data-group-id="1787739313717000005"] .tn-atom{ color: var(--sdv-btn-tx) !important; }
.tn-elem[data-elem-id="1776694550164"] .tn-atom{ color: var(--sdv-acc-ink) !important; }
.tn-elem[data-elem-id="1787734237217000001"],
.tn-elem[data-elem-id="1787734237217000001"] .tn-atom{ color: var(--sdv-sig-ink) !important; }
.tn-elem[data-elem-id="1781862906368"] .tn-atom,
.tn-elem[data-elem-id="1781862906368"] .tn-molecule{ background-color: var(--sdv-btn-bg) !important;
                                                     color: var(--sdv-btn-tx) !important; }
/* «Прислать своё заключение»: сама надпись лежит во вложенном узле,
   правило на .tn-atom до неё не доставало — тёмное по малахиту, 2,7 : 1 */
.tn-elem[data-elem-id="1781862906368"] .tn-atom__button-text,
.tn-elem[data-elem-id="1781862906368"] .tn-atom__button-content{ color: var(--sdv-btn-tx) !important; }
/* парная кнопка «Образец рецензии, PDF» — бежевая из старой палитры */
.tn-elem[data-elem-id="1787736256280000001"] .tn-atom{ background-color: #EDEFF0 !important; }

/* Мелкая подпись «дополнительно, если нужно» — 12 px, было rgba(0,0,0,.5),
   это 3,98 : 1. Для 12 px нужно 4,5. -------------------------------- */
body .sdv-get__extra-cap{ color: rgba(0,0,0,.62) !important; }