/* =====================================================================
   ВСП Глобал — единый стиль сайта (Tilda → Настройки сайта → custom.css)
   16.10.2026. Шрифт: Inter. Основной цвет: #0351C1.
   Чтобы откатить всё оформление разом — очистить этот файл в Tilda.
   ===================================================================== */

:root {
  --vsp-brand: #0351C1;        /* основной синий */
  --vsp-brand-dark: #023F96;   /* наведение, тёмные плашки */
  --vsp-brand-light: #EEF4FC;  /* светлые фоны */
  --vsp-accent-on-dark: #7FB0FF; /* акцент на тёмном фоне / фото */
  --vsp-ink: #14181F;          /* основной текст */
  --vsp-muted: #4A5160;        /* второстепенный текст */
}

/* ---------- 1. Один шрифт на всём сайте (убираем Arial/TildaSans) ---------- */
#allrecords, #allrecords *:not(svg):not(path):not(i) {
  font-family: 'Inter', Arial, sans-serif !important;
}

/* ---------- 2. Читаемый основной текст ---------- */
#allrecords .t-descr,
#allrecords .t-text,
#allrecords .t-card__descr,
#allrecords [class*="__descr"],
#allrecords [class*="__text"] {
  font-weight: 400 !important;
}
#allrecords .t-rec:not([data-record-type="972"]) .t-descr_xxs,
#allrecords .t-rec:not([data-record-type="972"]) .t-text_xxs,
#allrecords .t-rec:not([data-record-type="972"]) .t-descr_xs,
#allrecords .t-rec:not([data-record-type="972"]) .t-text_xs,
#allrecords .t-rec:not([data-record-type="972"]) .t-card__descr {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
/* Заголовки: одинаковая жирность и плотность */
#allrecords .t-title,
#allrecords .t-section__title,
#allrecords .t-card__title,
#allrecords .t-name_xl,
#allrecords .t-name_lg,
#allrecords .t-name_md {
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  line-height: 1.2 !important;
}

/* ---------- 3. Шапка ---------- */
#allrecords .t228,
#allrecords .tmenu-mobile {
  background-color: var(--vsp-brand) !important;
  background-image: none !important;
}
#allrecords .t228 .t-menu__link-item {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
  opacity: .85;
  transition: opacity .2s;
}
/* В настройках блока шапки активный пункт #0e4f8b и наведение #1f5bff — на синем не видны */
#allrecords #rec3336068601 .t228 .t-menu__link-item:not(.t978__menu-link):not(.x):hover,
#allrecords #rec3336068601 .t228 .t-menu__link-item:not(.t978__menu-link):not(.x):focus-visible {
  color: #fff !important;
  opacity: 1 !important;
}
#allrecords #rec3336068601 .t228 .t-menu__link-item.t-active:not(.t978__menu-link):not(.x) {
  color: #fff !important;
  opacity: 1 !important;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}
/* Кнопка в шапке — белая, чтобы не сливалась с синим */
#allrecords .t228 .t-btn {
  background: #fff !important;
  background-image: none !important;
  color: var(--vsp-brand) !important;
  border-radius: 6px !important;
}
#allrecords .t228 .t-btn .t-btnflex__text { color: var(--vsp-brand) !important; font-weight: 600 !important; }
#allrecords .t228 .t-btn:hover { background: var(--vsp-brand-light) !important; }
/* Иконка мобильного меню — белая */
#allrecords .tmenu-mobile .t-menuburger span { background-color: #fff !important; }
/* 6 пунктов меню помещаются в одну строку на ноутбуках */
@media (max-width: 1280px) {
  #allrecords .t228__list_item { padding-left: 10px !important; padding-right: 10px !important; }
  #allrecords .t228 .t-menu__link-item { font-size: 14px !important; }
}

/* ---------- 4. Кнопки — один стиль ---------- */
#allrecords .t-rec:not([data-record-type="972"]) .t-btn.t-btnflex_type_button:not(.t228 .t-btn) {
  background: var(--vsp-brand) !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 6px !important;
  transition: background-color .2s;
}
#allrecords .t-rec:not([data-record-type="972"]) .t-btn.t-btnflex_type_button:not(.t228 .t-btn) .t-btnflex__text {
  color: #fff !important;
  font-weight: 600 !important;
}
#allrecords .t-rec:not([data-record-type="972"]) .t-btn.t-btnflex_type_button:not(.t228 .t-btn):hover {
  background: var(--vsp-brand-dark) !important;
}

/* ---------- 5. Цвета фонов — только из фирменной палитры ---------- */
/* Первый экран страниц проектов: был светло-голубой с белым заголовком (плохо читался) */
#allrecords .t-rec[data-record-type="489"] {
  background-color: var(--vsp-brand-light) !important;
}
#allrecords .t-rec[data-record-type="489"] .t-title,
#allrecords .t-rec[data-record-type="489"] .t-name,
#allrecords .t-rec[data-record-type="489"] [class*="__title"] { color: var(--vsp-brand) !important; }
#allrecords .t-rec[data-record-type="489"] .t-descr,
#allrecords .t-rec[data-record-type="489"] .t-text,
#allrecords .t-rec[data-record-type="489"] [class*="__descr"],
#allrecords .t-rec[data-record-type="489"] [class*="__text"] { color: var(--vsp-ink) !important; }

/* Шапка «Новостей» */
#allrecords .t-rec[data-record-type="891"],
#allrecords .t-rec[data-record-type="891"] [style*="background-color"] {
  background-color: var(--vsp-brand) !important;
}
#allrecords .t-rec[data-record-type="891"] .t-descr,
#allrecords .t-rec[data-record-type="891"] .t-title,
#allrecords .t-rec[data-record-type="891"] [class*="__descr"],
#allrecords .t-rec[data-record-type="891"] [class*="__title"] { color: #fff !important; }
#allrecords .t-rec[data-record-type="854"] [style*="background-color"] {
  background-color: var(--vsp-brand-light) !important;
}
/* Лента Telegram: ссылки в фирменном цвете вместо оранжевого */
#allrecords .t-rec[data-record-type="854"] a { color: var(--vsp-brand) !important; }

/* Бегущая строка над подвалом */
#allrecords .t-rec[data-record-type="1003"] [style*="background-color"] {
  background-color: var(--vsp-brand-dark) !important;
}

/* ---------- 6. Ровные отступы между блоками ---------- */
#allrecords .t-rec[style*="padding-top:135px"],
#allrecords .t-rec[style*="padding-top:150px"],
#allrecords .t-rec[style*="padding-top:165px"] { padding-top: 96px !important; }
#allrecords .t-rec[style*="padding-bottom:135px"],
#allrecords .t-rec[style*="padding-bottom:150px"],
#allrecords .t-rec[style*="padding-bottom:165px"] { padding-bottom: 96px !important; }
/* «Услуги»: шаги идут подряд — между ними меньше воздуха */
#allrecords .t-rec[data-record-type="843"] { padding-top: 48px !important; padding-bottom: 48px !important; }

@media (max-width: 960px) {
  #allrecords .t-rec[style*="padding-top:105px"],
  #allrecords .t-rec[style*="padding-top:120px"],
  #allrecords .t-rec[style*="padding-top:135px"],
  #allrecords .t-rec[style*="padding-top:150px"],
  #allrecords .t-rec[style*="padding-top:165px"] { padding-top: 64px !important; }
  #allrecords .t-rec[style*="padding-bottom:105px"],
  #allrecords .t-rec[style*="padding-bottom:120px"],
  #allrecords .t-rec[style*="padding-bottom:135px"],
  #allrecords .t-rec[style*="padding-bottom:150px"],
  #allrecords .t-rec[style*="padding-bottom:165px"] { padding-bottom: 64px !important; }
  #allrecords .t-rec[data-record-type="843"] { padding-top: 32px !important; padding-bottom: 32px !important; }
  #allrecords .t-rec[data-record-type="489"] { padding-top: 120px !important; padding-bottom: 64px !important; }
  /* Первый блок страницы не должен уходить под закреплённую шапку */
  #allrecords #t-main-content + .t-rec[style*="padding-top:105px"],
  #allrecords #t-main-content + .t-rec[style*="padding-top:120px"],
  #allrecords #t-main-content + .t-rec[style*="padding-top:135px"],
  #allrecords #t-main-content + .t-rec[style*="padding-top:150px"],
  #allrecords #t-main-content + .t-rec[style*="padding-top:165px"] { padding-top: 112px !important; }
}

/* ---------- 7. Телефон ---------- */
@media (max-width: 640px) {
  /* Длинные абзацы — по левому краю, не по центру */
  #allrecords .t-section__descr,
  #allrecords .t-rec[data-record-type="857"] .t-section__title { text-align: left !important; }
  #allrecords .t-section__descr { font-size: 16px !important; line-height: 1.6 !important; }
  #allrecords .t-rec[data-record-type="30"] .t-title,
  #allrecords .t-rec[data-record-type="30"] .t-descr { text-align: left !important; }
  #allrecords .t-rec[data-record-type="30"] .t-descr,
  #allrecords .t-rec[data-record-type="489"] .t-descr,
  #allrecords .t-rec[data-record-type="489"] .t-text { font-size: 16px !important; line-height: 1.6 !important; }
  #allrecords .t-title_xl, #allrecords .t-title_lg { font-size: 30px !important; line-height: 1.15 !important; }
  #allrecords .t-title_md, #allrecords .t-section__title { font-size: 26px !important; }
}

/* ---------- 8. Вкладка «ДолИИна» — в фирменных цветах ---------- */
#allrecords .vb-d7i__eyebrow { color: #fff !important; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
#allrecords .vb-d7i__eyebrow::before,
#allrecords .vb-q7m__cell::before,
#allrecords .vb-q7m__eyebrow::before { background-color: var(--vsp-accent-on-dark) !important; }
#allrecords .vb-d7i__btn--primary,
#allrecords .vb-bmw__btn-primary.t-btnflex { background: var(--vsp-brand) !important; border-color: var(--vsp-brand) !important; }
#allrecords .vb-d7i__btn--primary:hover,
#allrecords .vb-bmw__btn-primary.t-btnflex:hover { background: var(--vsp-brand-dark) !important; border-color: var(--vsp-brand-dark) !important; }
#allrecords .vb-bmw__title em { color: var(--vsp-accent-on-dark) !important; }
#allrecords .vb-bmw__eyebrow { border-bottom-color: var(--vsp-accent-on-dark) !important; }
#allrecords .vb-bmw__link { color: var(--vsp-brand) !important; }
#allrecords .vb-bmw__link:hover { color: var(--vsp-brand-dark) !important; }