/* ============================================================================
   scandi.css — НОВЫЙ чистый дизайн-слой (clean rewrite, CR-проект 2026-05-28)
   ----------------------------------------------------------------------------
   Загружается ТОЛЬКО в clean-mode (URL c ?clean=1). Заменяет ВСЮ старую краску:
   parent style.min.css (288KB) + style.css + unification.css (18k) +
   scandi-components/scandi-design.v2/mobile*/tablet — ~29k строк и 14k !important.
   Здесь — НИ ОДНОГО !important-war-хака: чистый каскад поверх tokens + base.

   Помодульно (каждый модуль — скриншот):
     R2 база ✅  R3 header+drawer ✅  R4 главная  R5 каталог  R6 дом
     R7 этапы  R8 формы  R9 прочее+ЛК  R10 мобайл  RF cutover
   ============================================================================ */

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R2 — RESET / BASE                                                        ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--c-cream);
  color: var(--c-ink);
  font-family: var(--font-ui);
  font-size: var(--t-body);
  line-height: var(--lh-normal);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--c-gold-dark); text-decoration: none; transition: color var(--d-fast) var(--ease); }
a:hover { color: var(--c-gold); }
ul, ol { margin: 0; padding: 0; }
p { margin: 0 0 var(--s-4); }
button { font-family: inherit; }
::selection { background: rgba(166, 124, 58, 0.22); }

/* ───────── Типографика: система .b-title (вся вёрстка) ───────── */
.b-title { font-family: var(--font-display); font-weight: 500; font-size: 42px; line-height: 1.18; letter-spacing: var(--ls-tight); color: inherit; margin: 0; }
.b-title.bt11 { font-size: 11px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt12 { font-size: 12px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt13 { font-size: 13px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt14 { font-size: 14px; line-height: 1.45; letter-spacing: 0; }
.b-title.bt15 { font-size: 15px; line-height: 1.5; letter-spacing: 0; }
.b-title.bt16 { font-size: 16px; line-height: 1.4; letter-spacing: 0; }
.b-title.bt18 { font-size: 18px; line-height: 1.35; }
.b-title.bt20 { font-size: 20px; line-height: 1.35; }
.b-title.bt24 { font-size: 24px; line-height: 1.3; }
.b-title.bt26 { font-size: 26px; line-height: 1.28; }
.b-title.bt28 { font-size: 28px; line-height: 1.25; }
.b-title.bt30 { font-size: 30px; line-height: 1.22; }
.b-title.light  { font-weight: 300; }
.b-title.medium { font-weight: 500; }
.b-title.bold   { font-weight: 700; }
.title { font-family: var(--font-display); font-weight: 600; letter-spacing: var(--ls-tight); }

/* ───────── Container / layout ───────── */
.container { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: clamp(16px, 3.5vw, 28px); }
#main-wrapper { overflow-x: clip; }
.bg-overlay { position: fixed; inset: 0; background: rgba(12, 8, 5, 0.5); opacity: 0; visibility: hidden; transition: opacity var(--d-base) var(--ease); z-index: var(--z-modal); }
body.menu-open .bg-overlay, body.modal-open .bg-overlay { opacity: 1; visibility: visible; }

/* ───────── Buttons ───────── */
.button, a.button {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
  font-family: var(--font-ui); font-size: var(--t-label); font-weight: 600; line-height: 1;
  text-align: center; padding: 13px 26px; border: 1px solid transparent; border-radius: var(--r-ctrl);
  cursor: pointer; text-decoration: none; background: var(--c-gold-grad); color: #1a1410;
  box-shadow: var(--sh-glow);
  transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease), filter var(--d-fast) var(--ease);
}
.button:hover, a.button:hover { filter: brightness(1.05); color: #1a1410; transform: translateY(-1px); }
.button:active, a.button:active { transform: translateY(0); }

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R3 — HEADER (минимальный бар) + DRAWER (выпадающее меню — СОГЛАСОВАННОЕ)  ║
   ║  Паттерн: бар = [☰ МЕНЮ] + лого слева, телефон + CTA справа.              ║
   ║  Вся навигация и полные контакты — в левом выезжающем drawer'е, который    ║
   ║  строит scandi-redesign.js (.scandi-burger → body.scandi-drawer-open).    ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
#header { position: sticky; top: 0; z-index: var(--z-header); background: var(--c-bg-body); color: var(--c-text); border-bottom: 1px solid rgba(193, 154, 91, 0.16); }
#header .container { max-width: 1280px; }
#header .in { display: flex; align-items: center; gap: var(--s-6); min-height: 76px; }

/* ── LEFT: burger + logo ── */
#header .left { display: flex; align-items: center; gap: var(--s-5); flex-shrink: 0; }
#header .site-logo { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
#header .site-logo img { height: 42px; width: auto; }
#header .site-logo .b-title { font-size: 19px; line-height: 1.05; font-weight: 700; color: var(--c-text); letter-spacing: -0.01em; }
#header .site-logo .b-title i { color: var(--c-gold); font-style: normal; }
#header .slogan { color: var(--c-text-3); font-size: 12px; line-height: 1.3; font-weight: 400; padding-left: var(--s-5); border-left: 1px solid var(--c-border); }

/* Бургер «Меню» + всё выпадающее меню стилизуются в styles/drawer.css
   (портированный 1:1 согласованный компонент с анимацией). Здесь НЕ дублируем. */

/* ── RIGHT: только телефон + CTA (остальное — в drawer) ── */
#header .right { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: var(--s-5); }
#header .top { display: flex; align-items: center; justify-content: flex-end; gap: var(--s-5); }
/* В баре прячем второстепенное — оно есть в drawer'е */
#header .mail, #header .messengers, #header .worktime-lk-wrap, #header .bottom { display: none; }
/* phone cluster */
#header .phone-wrapper { display: inline-flex; align-items: center; gap: var(--s-5); }
#header .phone { display: inline-flex; align-items: center; gap: var(--s-4); }
/* оба телефона видны (СПб + Москва) с подписями городов; переключатель и иконка не нужны */
#header .phone > .icon { display: none; }
#header .city-buttons { display: none; }
#header .wrap-phones { display: flex; gap: var(--s-5); }
#header .wrap-phones .telTo,
#header .wrap-phones .telTo.active,
#header .wrap-phones .telTo.scandi-phone-active,
#header .wrap-phones .telTo.scandi-phone-inactive { display: block; font-size: 16px; font-weight: 700; line-height: 1.1; }
#header .wrap-phones .telTo::before { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-text-3); margin-bottom: 2px; }
#header .wrap-phones .telTo.phones-0::before { content: 'Санкт-Петербург'; }
#header .wrap-phones .telTo.phones-1::before { content: 'Москва'; }
#header .wrap-phones .telTo a { color: var(--c-text); text-decoration: none; transition: color var(--d-fast) var(--ease); }
#header .wrap-phones .telTo a:hover { color: var(--c-gold); }
/* 4 соцсети в шапке (Telegram/WhatsApp/MAX/ВКонтакте → ловцы лидов) */
#header .sk-hdr-soc { display: inline-flex; align-items: center; gap: 8px; }
#header .sk-hdr-soc .sk-soc { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--c-border); border-radius: 50%; color: var(--c-text-2); transition: color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), background var(--d-fast) var(--ease); }
#header .sk-hdr-soc .sk-soc:hover { color: var(--c-gold); border-color: var(--c-gold); background: rgba(193, 154, 91, 0.08); }
#header .sk-hdr-soc .sk-soc svg { display: block; }
#header .phone-wrapper > .cb-link { background: var(--c-gold-grad); color: #1a1410; font-weight: 600; font-size: 13px; padding: 10px 18px; border-radius: var(--r-ctrl); cursor: pointer; white-space: nowrap; }
#header .phone-wrapper > .cb-link:hover { color: #1a1410; filter: brightness(1.05); }

/* search forms + theme-toggle — вне scope сейчас */
#header .wrap-search-form, #header .wrap-search-form-mb, #header form[role="search"], #header .scandi-theme-toggle, #header .open-menu-icon { display: none; }

/* ── DRAWER (выпадающее меню) полностью в styles/drawer.css ──
   Бургер «Меню» → левая панель (вертикальная навигация + оба города с телефонами
   + мессенджеры + «Вход для клиентов» + часы) + анимация (строится дом, восходит
   солнце, «Добро пожаловать домой»). Это согласованный компонент, портирован 1:1. */

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R4 — ГЛАВНЫЙ БАННЕР (home hero): фото дома + тёмная плашка СПРАВА          ║
   ║  По макету Claude Design, но плашка справа (не на доме) и без «Каталога».  ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
.scandi-home-hero { position: relative; display: flex; align-items: center; min-height: clamp(640px, 86vh, 960px); overflow: hidden; background: var(--c-bg-deep); }
.scandi-home-hero__bg { position: absolute; inset: 0; z-index: 0; }
.scandi-home-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 26% center; display: block; }
/* мягкий тёплый скрим: дом слева чистый, справа темнее под плашку */
.scandi-home-hero__scrim { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(16,11,7,0) 34%, rgba(16,11,7,0.30) 56%, rgba(16,11,7,0.62) 100%); }
.scandi-home-hero__wrap { position: relative; z-index: 2; width: 100%; display: flex; justify-content: flex-end; }

/* тёмная плашка справа — канон: тёмно-коричневый градиент + золотая обводка 32% */
.scandi-home-hero__plate {
  width: min(540px, 100%);
  background: linear-gradient(155deg, rgba(32,23,15,0.90) 0%, rgba(18,13,9,0.94) 100%);
  border: 1px solid rgba(193, 154, 91, 0.32);
  border-radius: var(--r-card);
  padding: clamp(30px, 3vw, 46px);
  box-shadow: 0 24px 60px rgba(60, 40, 20, 0.28);
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
}
.scandi-home-hero__eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-gold); padding: 6px 13px; border: 1px solid rgba(193, 154, 91, 0.30); border-radius: var(--r-pill); background: rgba(193, 154, 91, 0.08); }
.scandi-home-hero__title { margin: 20px 0 0; font-family: var(--font-display); font-size: clamp(30px, 3.3vw, 46px); line-height: 1.07; font-weight: 600; letter-spacing: -0.02em; color: var(--c-text); }
.scandi-home-hero__title em { font-style: normal; background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.scandi-home-hero__lead { margin: 18px 0 0; font-size: 15px; line-height: 1.6; color: var(--c-text-2); max-width: 44ch; }
.scandi-home-hero__price { margin: 26px 0 0; display: flex; flex-direction: column; gap: 3px; }
.scandi-home-hero__price-label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-text-3); }
.scandi-home-hero__price-value { font-family: var(--font-display); font-size: clamp(26px, 2.6vw, 34px); font-weight: 700; line-height: 1.05; background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.scandi-home-hero__ctas { margin: 28px 0 0; }
.scandi-home-hero__cta { display: inline-flex; align-items: center; justify-content: center; padding: 14px 30px; border-radius: var(--r-ctrl); font-family: var(--font-ui); font-weight: 600; font-size: 14px; text-decoration: none; cursor: pointer; background: var(--c-gold-grad); color: #1a1410; box-shadow: var(--sh-glow); transition: transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease); }
.scandi-home-hero__cta:hover { transform: translateY(-2px); filter: brightness(1.05); color: #1a1410; box-shadow: 0 12px 32px rgba(193, 154, 91, 0.5); }

@media (max-width: 900px) {
  .scandi-home-hero { min-height: clamp(560px, 76vh, 760px); }
  .scandi-home-hero__wrap { justify-content: center; padding-block: 40px; }
  .scandi-home-hero__scrim { background: linear-gradient(180deg, rgba(16,11,7,0.25) 0%, rgba(16,11,7,0.66) 100%); }
  .scandi-home-hero__bg img { object-position: center; }
  .scandi-home-hero__plate { width: 100%; }
}

/* ── R4: МОБИЛЬНАЯ ШАПКА (≤768) — компактно: бургер + лого. ───────────────────
   Телефоны на 390px ломались по цифре в ряд (бар перегружен). Убираем из бара
   слоган, 4 соцсети, оба телефона, CTA — всё это доступно в выпадающем меню
   (бургер: города с тел., мессенджеры, «Вход для клиентов»). Полная мобильная
   адаптация остального — отдельным проходом R10. */
@media (max-width: 768px) {
  #header .in { min-height: 58px; gap: var(--s-3); }
  #header .slogan,
  #header .sk-hdr-soc,
  #header .phone-wrapper { display: none; }
  #header .site-logo img { height: 32px; }
  #header .site-logo .b-title { font-size: 15px; }
  #header .scandi-burger { height: 38px; }
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R4 — ПРЕИМУЩЕСТВА (.adv-glass) — кремовая секция, 4 карточки-цифры         ║
   ║  Канон: чередование (hero тёмный → этот крем). Крупная золотая цифра,      ║
   ║  кремовая карточка + золотой hairline, hover-подъём. Иконки/glass-glow off.║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
/* Фон секции — ПРОЗРАЧНЫЙ (кремовый даёт body). Иначе отрицательный margin сетки
   схлопывается с секцией и кремовая заливка наезжает на баннер («белое пятно»). */
.adv-glass { background: transparent; padding: 0 0 clamp(54px, 6.5vw, 92px); position: relative; z-index: 2; }
/* карточки «наезжают» на баннер — приподняты вверх и над ним по z-index */
.adv-glass__grid { width: 100%; max-width: 1200px; margin: -64px auto 0; padding-inline: clamp(16px, 3.5vw, 28px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; z-index: 3; }
.adv-card { height: 100%; }
/* ТЁМНЫЕ карточки (юзер: «в тёмной версии лучше смотрелись»), компактные,
   без иконок (в PNG-иконках вшиты синие точки — дырка ценника + лупа). */
.adv-card__inner {
  position: relative; height: 100%; display: flex; flex-direction: column;
  background: linear-gradient(158deg, #241a11 0%, #16100a 100%);
  border: 1px solid rgba(207, 159, 75, 0.24);
  border-radius: var(--r-card);
  padding: 24px 22px 22px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s var(--ease);
  overflow: hidden;
}
.adv-card:hover .adv-card__inner { transform: translateY(-4px); border-color: rgba(207, 159, 75, 0.42); box-shadow: 0 20px 52px rgba(0, 0, 0, 0.40); }
/* тонкая золотая полоска-glow сверху — фирменный акцент */
.adv-card__inner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(207, 159, 75, 0.85) 30%, rgba(207, 159, 75, 0.85) 70%, transparent); }
/* decorative dark-glass слои + ИКОНКА (PNG со вшитыми синими точками) — выключаем.
   .scandi-trust-icon-wrap — золотые SVG-иконки, которые ВПИХИВАЕТ scandi-redesign.js
   первым ребёнком .adv-card__inner; юзер просил «вообще без иконок, карточки слишком
   вытянутые» → прячем и их, карточка становится компактной. */
.adv-card__glare, .adv-card__border-glow, .adv-card__glow, .adv-card__accent,
.adv-card__top img, .adv-card .scandi-trust-icon-wrap { display: none !important; }
.adv-card__top { display: flex; align-items: flex-end; }
.adv-card__watermark { display: flex; align-items: baseline; gap: 6px; }
.adv-card__watermark-num { font-family: var(--font-display); font-size: clamp(40px, 4vw, 52px); font-weight: 700; line-height: 0.95; letter-spacing: -0.02em; background: linear-gradient(135deg, #e8c074 0%, #c19a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.adv-card__watermark-unit { font-size: 16px; font-weight: 600; color: #c9a463; }
.adv-card__bottom { margin-top: 14px; }
.adv-card__title { font-family: var(--font-display); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #f3ecdc; line-height: 1.35; }
.adv-card__desc { margin-top: 9px; font-size: 12.5px; line-height: 1.55; color: #a89c8a; }
.adv-swipe-dots, .adv-swipe-hint { display: none; }

@media (max-width: 980px) {
  .adv-glass__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .adv-glass { padding: 0 0 44px; }
  .adv-glass__grid { margin-top: -22px; gap: 12px; }
  .adv-card__inner { padding: 20px 16px; }
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R5 — ФОРМЫ (.scandi-form) — универсальный компонент, 5 тем-вариантов       ║
   ║  cream-floating (каталог-книга), cream-panel, cream-plain, cream-editorial, ║
   ║  dark-glass. Портировано из unification.css начисто (без !important/hacks). ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

section.scandi-form {
  padding: 80px 0 100px;
  position: relative;
  overflow: hidden;
  background:
  radial-gradient(circle, rgba(166,124,58,0.10) 1px, transparent 1.5px) 0 0 / 26px 26px,
  linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
}

section.scandi-form .container {
  position: relative;
}

.scandi-form__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 56px;
  align-items: stretch;
  padding: 56px 56px 48px;
  background:
  radial-gradient(ellipse 60% 50% at 18% 18%, rgba(166,124,58,0.10) 0%, transparent 65%),
  linear-gradient(165deg, #ffffff 0%, #fdf6e5 60%, #fbf3da 100%);
  border: 1px solid rgba(166, 124, 58, 0.22);
  border-radius: 22px;
  box-shadow:
  0 18px 48px rgba(166, 124, 58, 0.10),
  0 4px 12px rgba(31, 22, 18, 0.04),
  inset 0 1px 0 rgba(255, 255, 255, 0.7);
  overflow: visible;
}

.scandi-form__card::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 56%;
  height: 1px;
  background: linear-gradient(90deg, rgba(166,124,58,0) 0%, rgba(166,124,58,0.5) 50%, rgba(166,124,58,0) 100%);
}

.scandi-form__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.scandi-form__eyebrow {
  display: inline-block;
  align-self: flex-start;
  padding: 6px 14px;
  background: rgba(166, 124, 58, 0.10);
  border: 1px solid rgba(166, 124, 58, 0.40);
  border-radius: 999px;
  font-family: 'Manrope', sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.20em;
  line-height: 1;
  text-transform: uppercase;
  color: #a67c3a;
  margin: 0 0 22px;
}

.scandi-form__title {
  font-family: 'Manrope', sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.015em;
  line-height: 1.25;
  text-transform: none;
  color: #1f1612;
  margin: 0 0 22px;
  max-width: 520px;
  position: relative;
}

.scandi-form__title b,
.scandi-form__title strong {
  font-weight: 700;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* CR.4 fix (visual audit): светлый градиент выше рассчитан на ТЁМНЫЕ темы; на
   КРЕМОВЫХ формах (get-catalog и пр.) он почти невидим. Тёмное золото — читаемо. */
.scandi-form--theme-cream-floating .scandi-form__title b,
.scandi-form--theme-cream-floating .scandi-form__title strong,
.scandi-form--theme-cream-floating .scandi-form__title i,
.scandi-form--theme-cream-panel .scandi-form__title b,
.scandi-form--theme-cream-panel .scandi-form__title strong,
.scandi-form--theme-cream-plain .scandi-form__title b,
.scandi-form--theme-cream-plain .scandi-form__title strong,
.scandi-form--theme-cream-editorial .scandi-form__title b,
.scandi-form--theme-cream-editorial .scandi-form__title strong {
  background: linear-gradient(135deg, #8a6326 0%, #a67c3a 50%, #c19a5b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.scandi-form__title::after {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  margin-top: 16px;
  background: linear-gradient(90deg, #a67c3a 0%, rgba(166,124,58,0) 100%);
}

.scandi-form__lead {
  font-family: 'Manrope', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.005em;
  line-height: 1.6;
  color: rgba(31, 22, 18, 0.82);
  margin: 0 0 26px;
  max-width: 520px;
}

.scandi-form__lead p {
  margin: 0 0 12px;
}

.scandi-form__lead p:last-child {
  margin-bottom: 0;
}

.scandi-form__lead ul {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

.scandi-form__lead li {
  position: relative;
  padding-left: 22px;
  margin: 0 0 8px;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(31, 22, 18, 0.74);
}

.scandi-form__lead li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 12px;
  height: 1px;
  background: #a67c3a;
}

.scandi-form__form {
  margin-top: auto;
  padding-top: 8px;
}

.scandi-form__honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.scandi-form__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}

.scandi-form__field {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-radius: 12px;
  padding: 0 16px 0 40px;
  transition: border-color 0.25s ease, background 0.25s ease;
  min-height: 50px;
}

.scandi-form__field--full,
.scandi-form__field--textarea,
.scandi-form__field--select {
  grid-column: 1 / -1;
}

.scandi-form__field--textarea {
  padding: 14px 16px;
  align-items: flex-start;
  min-height: 96px;
}

.scandi-form__field:focus-within {
  border-color: #a67c3a;
  background: #ffffff;
}

.scandi-form__field-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(166, 124, 58, 0.7);
  pointer-events: none;
  display: flex;
  align-items: center;
}

.scandi-form__field input,
.scandi-form__field textarea,
.scandi-form__field select {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  font-family: 'Manrope', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  line-height: 1.4;
  color: #1f1612;
  outline: none;
  box-shadow: none;
}

.scandi-form__field textarea {
  resize: vertical;
  min-height: 70px;
}

.scandi-form__field input::placeholder,
.scandi-form__field textarea::placeholder {
  color: rgba(31, 22, 18, 0.45);
  opacity: 1;
}

.scandi-form__field--textarea .scandi-form__field-icon {
  display: none;
}

.scandi-form__field--textarea input,
.scandi-form__field--textarea textarea {
  padding-left: 0;
}

.scandi-form__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 60%, #c19a5b 100%);
  background-size: 200% 100%;
  background-position: 0% 50%;
  border: none;
  border-radius: 999px;
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  transition: background-position 0.4s ease, transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 8px 20px rgba(166, 124, 58, 0.22);
  margin-bottom: 14px;
}

.scandi-form__cta:hover {
  background-position: 100% 50%;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(166, 124, 58, 0.30);
}

.scandi-form__cta-arrow {
  transition: transform 0.3s ease;
}

.scandi-form__cta:hover .scandi-form__cta-arrow {
  transform: translateX(3px);
}

.scandi-form__privacy {
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.5;
  color: rgba(31, 22, 18, 0.55);
  margin: 0;
}

.scandi-form__privacy a {
  color: #a67c3a;
  text-decoration: underline;
  text-decoration-color: rgba(166, 124, 58, 0.4);
  text-underline-offset: 2px;
  transition: text-decoration-color 0.2s ease;
}

.scandi-form__privacy a:hover {
  text-decoration-color: #a67c3a;
}

.scandi-form__media {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  min-height: 100%;
}

.scandi-form__media--right-bleed img {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(166, 124, 58, 0.28);
  box-shadow:
  0 22px 48px rgba(80, 56, 30, 0.16),
  0 4px 12px rgba(31, 22, 18, 0.08),
  inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  margin-right: -28px;
  transform: rotate(1.5deg);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.scandi-form__card:hover .scandi-form__media--right-bleed img {
  transform: rotate(0.5deg) translateY(-4px);
  box-shadow:
  0 28px 56px rgba(80, 56, 30, 0.22),
  0 6px 16px rgba(31, 22, 18, 0.10),
  inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

section.scandi-form--theme-dark-glass {
  background:
  radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
  linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%);
}

.scandi-form--theme-dark-glass .scandi-form__card {
  background:
  radial-gradient(ellipse 70% 50% at 80% 20%, rgba(212, 173, 110, 0.18) 0%, transparent 60%),
  linear-gradient(135deg, #1f1612 0%, #3c2a19 100%);
  border: 1px solid rgba(212, 173, 110, 0.28);
  box-shadow:
  0 28px 64px rgba(0, 0, 0, 0.32),
  inset 0 1px 0 rgba(255, 255, 255, 0.06);
  padding: 64px 60px 56px;
}

.scandi-form--theme-dark-glass .scandi-form__card::before {
  background: linear-gradient(90deg, rgba(212,173,110,0) 0%, rgba(212,173,110,0.65) 50%, rgba(212,173,110,0) 100%);
}

.scandi-form--theme-dark-glass .scandi-form__eyebrow {
  background: rgba(212, 173, 110, 0.14);
  border-color: rgba(212, 173, 110, 0.40);
  color: #d4ad6e;
}

.scandi-form--theme-dark-glass .scandi-form__title {
  color: #ffe5b8;
}

.scandi-form--theme-dark-glass .scandi-form__title b,
.scandi-form--theme-dark-glass .scandi-form__title strong {
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.scandi-form--theme-dark-glass .scandi-form__title::after {
  background: linear-gradient(90deg, #d4ad6e 0%, rgba(212,173,110,0) 100%);
}

.scandi-form--theme-dark-glass .scandi-form__lead,
.scandi-form--theme-dark-glass .scandi-form__lead li {
  color: rgba(243, 236, 220, 0.78);
}

.scandi-form--theme-dark-glass .scandi-form__lead li::before {
  background: #d4ad6e;
}

.scandi-form--theme-dark-glass .scandi-form__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}

.scandi-form--theme-dark-glass .scandi-form__benefits li {
  position: relative;
  padding: 4px 0 4px 28px;
  font-family: 'Manrope', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  line-height: 1.55;
  color: rgba(243, 236, 220, 0.86);
}

.scandi-form--theme-dark-glass .scandi-form__benefits li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #1f1612;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(212, 173, 110, 0.18);
}

.scandi-form--theme-dark-glass .scandi-form__watermark {
  position: absolute;
  top: 20px;
  right: 30px;
  font-family: 'Manrope', sans-serif;
  font-size: 110px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  background: linear-gradient(135deg, rgba(255,229,184,0.22) 0%, rgba(212,173,110,0.10) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  pointer-events: none;
  user-select: none;
}

.scandi-form--theme-dark-glass .scandi-form__field {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(212, 173, 110, 0.32);
}

.scandi-form--theme-dark-glass .scandi-form__field:focus-within {
  background: rgba(255, 255, 255, 0.10);
  border-color: #d4ad6e;
}

.scandi-form--theme-dark-glass .scandi-form__field input,
.scandi-form--theme-dark-glass .scandi-form__field textarea,
.scandi-form--theme-dark-glass .scandi-form__field select {
  color: #f3ecdc;
}

.scandi-form--theme-dark-glass .scandi-form__field input::placeholder,
.scandi-form--theme-dark-glass .scandi-form__field textarea::placeholder {
  color: rgba(243, 236, 220, 0.45);
}

.scandi-form--theme-dark-glass .scandi-form__field-icon {
  color: rgba(212, 173, 110, 0.55);
}

.scandi-form--theme-dark-glass .scandi-form__privacy {
  color: rgba(243, 236, 220, 0.55);
}

.scandi-form--theme-dark-glass .scandi-form__privacy a {
  color: #d4ad6e;
}

.scandi-form--theme-dark-glass .scandi-form__media--right-panel {
  position: absolute;
  inset: 0 0 0 auto;
  width: 50%;
  align-self: auto;
  display: block;
  overflow: hidden;
  border-radius: 0 22px 22px 0;
}

.scandi-form--theme-dark-glass .scandi-form__media--right-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border: 0;
  border-radius: 0;
  transform: none;
  box-shadow: none;
  margin: 0;
}

.scandi-form--theme-dark-glass .scandi-form__media--right-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(31,22,18,0.65) 0%, rgba(31,22,18,0.20) 35%, rgba(31,22,18,0) 70%);
  pointer-events: none;
}

.scandi-form--theme-dark-glass .scandi-form__media-overlay {
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
  z-index: 2;
  pointer-events: none;
}

.scandi-form--theme-dark-glass .scandi-form__media-pill {
  display: inline-block;
  padding: 5px 12px;
  background: rgba(212, 173, 110, 0.20);
  border: 1px solid rgba(212, 173, 110, 0.50);
  border-radius: 999px;
  font-family: 'Manrope', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: #ffe5b8;
  margin-bottom: 10px;
  line-height: 1;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.scandi-form--theme-dark-glass .scandi-form__media-name {
  font-family: 'Manrope', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: #ffe5b8;
  margin-bottom: 4px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}

.scandi-form--theme-dark-glass .scandi-form__media-role {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: rgba(243, 236, 220, 0.85);
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.scandi-form--theme-dark-glass .scandi-form__card {
  grid-template-columns: minmax(0, 1fr);
}

.scandi-form--theme-dark-glass .scandi-form__content {
  max-width: 540px;
  position: relative;
  z-index: 1;
}

/* ════════ Форма «Остались вопросы» — компактная, с фото-панелью менеджера ════════
   Слева — поля, справа — скруглённая фото-панель: Ира на фоне дома (готовый
   композит assets/cbform/manager-irina-house.webp). Панель тянется по высоте
   карточки; фото залито object-fit cover (без feedback-loop). */
.scandi-form--theme-cream-panel .scandi-form__card {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding: 38px 40px;
  gap: 40px;
  /* левая колонка (поля) заведомо уже зоны фона (46%) → поля не лезут в картинку */
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
  align-items: stretch;
  overflow: hidden;
  /* отрыв от кремовой секции: чуть белее фон + золотая кромка + глубокая тень */
  background:
  radial-gradient(ellipse 60% 50% at 16% 14%, rgba(166,124,58,0.08) 0%, transparent 62%),
  linear-gradient(168deg, #ffffff 0%, #fffaf0 100%);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-top: 2px solid #c19a5b;
  box-shadow:
  0 34px 80px rgba(120, 90, 50, 0.20),
  0 8px 22px rgba(31, 22, 18, 0.06),
  inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.scandi-form--theme-cream-panel .scandi-form__eyebrow { margin: 0 0 14px; }
.scandi-form--theme-cream-panel .scandi-form__title { margin: 0 0 14px; font-size: 22px; }
.scandi-form--theme-cream-panel .scandi-form__lead { margin: 0 0 22px; }
.scandi-form--theme-cream-panel .scandi-form__fields { gap: 10px; margin-bottom: 12px; }
.scandi-form--theme-cream-panel .scandi-form__field { min-height: 46px; }
.scandi-form--theme-cream-panel .scandi-form__field--textarea { min-height: 76px; }
.scandi-form--theme-cream-panel .scandi-form__field textarea { min-height: 52px; }

/* Единый задник = фон самой карточки. Ира — вырез поверх, в полный рост
   (высота = высоте карточки → голова у верхнего края формы). Без отдельной
   панели/дома — одно пространство на всю форму. */
.scandi-form--theme-cream-panel .scandi-form__media--right-bleed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 46%;
  align-self: auto;
  display: block;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  z-index: 1;
  background-image: url(../assets/cbform/office-backdrop.webp);
  background-size: cover;
  background-position: 50% 35%;
}
/* интерьер мягко растворяется влево в поля формы + тёплый тон сверху/снизу */
.scandi-form--theme-cream-panel .scandi-form__media--right-bleed::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
  linear-gradient(90deg, #fffaf0 0%, rgba(255, 250, 240, 0.6) 14%, rgba(255, 250, 240, 0) 40%),
  linear-gradient(0deg, rgba(31, 22, 18, 0.12) 0%, transparent 30%),
  linear-gradient(180deg, rgba(255, 252, 245, 0.35) 0%, transparent 22%);
  z-index: 1;
  pointer-events: none;
}

.scandi-form--theme-cream-panel .scandi-form__media--right-bleed img,
.scandi-form--theme-cream-panel .scandi-form__card:hover .scandi-form__media--right-bleed img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);     /* фикс «прыжков» на ховер — без rotate/translateY */
  height: 100%;
  width: auto;
  max-width: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: bottom center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  z-index: 2;
  filter: drop-shadow(0 16px 24px rgba(80, 56, 30, 0.16));
}

.scandi-form--theme-cream-panel .scandi-form__media-overlay {
  position: absolute;
  left: 8px;
  bottom: 14px;
  background: rgba(255, 253, 248, 0.92);
  border: 1px solid rgba(166, 124, 58, 0.34);
  border-radius: 12px;
  padding: 11px 16px;
  max-width: 220px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 12px 30px rgba(120, 90, 50, 0.16);
  z-index: 4;
}
.scandi-form--theme-cream-panel .scandi-form__media-pill {
  color: #a67c3a;
}
.scandi-form--theme-cream-panel .scandi-form__media-name {
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
}
.scandi-form--theme-cream-panel .scandi-form__media-role {
  color: #5a4d3a;
  -webkit-text-fill-color: #5a4d3a;
}

.scandi-form--theme-cream-panel .scandi-form__media-pill {
  display: inline-block;
  padding: 4px 10px;
  background: rgba(212, 173, 110, 0.18);
  border: 1px solid rgba(212, 173, 110, 0.40);
  border-radius: 999px;
  font: 700 9px/1 'Manrope', sans-serif;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: #a67c3a;
  margin-bottom: 6px;
}

.scandi-form--theme-cream-panel .scandi-form__media-name {
  font: 700 14px/1.2 'Manrope', sans-serif;
  letter-spacing: -0.01em;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  margin-bottom: 2px;
}

.scandi-form--theme-cream-panel .scandi-form__media-role {
  font: 500 11px/1.3 'Manrope', sans-serif;
  color: #5a4d3a;
  -webkit-text-fill-color: #5a4d3a;
}

.scandi-form--theme-cream-floating .scandi-form__card {
  background:
  radial-gradient(ellipse 80% 60% at 20% 20%, rgba(166,124,58,0.08) 0%, transparent 60%),
  linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
  padding: 48px 56px;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 40px;
  align-items: center;
  position: relative;
}

.scandi-form--theme-cream-floating .scandi-form__content {
  max-width: none;
  width: 100%;
  position: relative;
  z-index: 2;
}

.scandi-form--theme-cream-floating .scandi-form__form {
  width: 100%;
}

.scandi-form--theme-cream-floating .scandi-form__fields,
.scandi-form--theme-cream-floating .scandi-form__fields--catalog {
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.scandi-form--theme-cream-floating .scandi-form__field--select {
  grid-column: 1 / -1;
}

.scandi-form--theme-cream-floating .scandi-form__title {
  font-size: clamp(22px, 2.4vw, 30px);
}

.scandi-form--theme-cream-floating .scandi-form__media--absolute-float {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  align-self: center;
  display: block;
  z-index: 1;
}

.scandi-form--theme-cream-floating .scandi-form__media--absolute-float img {
  width: 100%;
  height: auto;
  display: block;
  border: 0;
  border-radius: 0;
  transform: rotate(-2deg);
  filter: drop-shadow(0 32px 48px rgba(80, 56, 30, 0.32));
  box-shadow: none;
  margin: 0;
}

.scandi-form--theme-cream-plain .scandi-form__card {
  grid-template-columns: 1fr;
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 56px 40px;
  text-align: center;
}

.scandi-form--theme-cream-plain .scandi-form__content {
  align-items: center;
  text-align: center;
}

.scandi-form--theme-cream-plain .scandi-form__eyebrow {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.scandi-form--theme-cream-plain .scandi-form__title {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.scandi-form--theme-cream-plain .scandi-form__title::after {
  margin-left: auto;
  margin-right: auto;
}

.scandi-form--theme-cream-plain .scandi-form__lead {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.scandi-form--theme-cream-plain .scandi-form__form {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.scandi-form--theme-cream-plain .scandi-form__cta {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  .scandi-form--theme-dark-glass .scandi-form__media--right-panel {
    position: relative;
    inset: auto;
    width: 100%;
    height: 220px;
    border-radius: 0 0 16px 16px;
    margin-top: 24px;
  }
  .scandi-form--theme-dark-glass .scandi-form__card {
    padding: 40px 28px 0;
    overflow: hidden;
  }
  .scandi-form--theme-dark-glass .scandi-form__watermark {
    font-size: 68px;
    top: 16px;
    right: 18px;
  }
  .scandi-form--theme-cream-floating .scandi-form__media--absolute-float {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: 100%;
    margin: 24px 0 0;
  }
  .scandi-form--theme-cream-floating .scandi-form__media--absolute-float img {
    transform: rotate(0deg);
  }
  .scandi-form--theme-cream-panel .scandi-form__media--right-bleed img {
    margin-right: 0;
    margin-bottom: 0;
  }
  .scandi-form--theme-cream-plain .scandi-form__card {
    padding: 36px 24px 30px;
  }
}

@media (max-width: 1199px) {
  .scandi-form__card {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 32px;
    padding: 48px 40px 40px;
  }
  .scandi-form__media--right-bleed img {
    max-width: 360px;
    margin-right: -12px;
  }
}

@media (max-width: 900px) {
  section.scandi-form {
    padding: 56px 0 64px;
  }
  .scandi-form__card {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 40px 28px;
    border-radius: 16px;
  }
  .scandi-form__media {
    display: none;
  }
  .scandi-form__fields {
    grid-template-columns: 1fr;
  }
  .scandi-form__title {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .scandi-form__cta {
    display: flex;
    width: 100%;
    align-self: stretch;
    box-sizing: border-box;
  }
  .scandi-form__fields--catalog,
  .scandi-form__fields--full,
  .scandi-form__fields--compact {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .scandi-form__card {
    padding: 32px 22px;
  }
  .scandi-form__title {
    font-size: 18px;
  }
  .scandi-form__cta {
    width: 100%;
    padding: 14px 20px;
  }
}

.scandi-form--theme-cream-editorial .scandi-form__eyebrow,
.scandi-form--theme-cream-panel .scandi-form__eyebrow,
.scandi-form--theme-cream-floating .scandi-form__eyebrow,
.scandi-form--theme-cream-plain .scandi-form__eyebrow {
  color: #7d5a2c;
  border-color: rgba(125, 90, 44, 0.50);
  background: rgba(125, 90, 44, 0.10);
}

.scandi-step3__note,
.scandi-form__field-icon {
  color: #7d5a2c;
}

.scandi-form__field-label-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 901px) {
  .scandi-form--theme-cream-floating .scandi-form__form {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 900px) {
  .scandi-form--theme-cream-floating .scandi-form__card {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 32px 20px;
  }
  .scandi-form--theme-cream-floating .scandi-form__media--absolute-float {
    display: none;
  }
  .scandi-form--theme-cream-floating .scandi-form__content {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .scandi-form--theme-cream-floating .scandi-form__fields,
  .scandi-form--theme-cream-floating .scandi-form__fields--catalog {
    grid-template-columns: 1fr;
  }
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R6 — КАТАЛОГ (#catalog) + КАРТОЧКИ ДОМОВ (.catalog-item / .scandi-card-*)  ║
   ║  Кремовые glass-карточки, gold border-top, hover→тёмная. Сетка 3→2→1.       ║
   ║  + range-фильтр (.page-range). Портировано из unification.css начисто.      ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

.catalog {
  background: #f5f1eb;
}

.catalog .container,
.catalog .in {
  max-width: 1200px;
}

.catalog .section-title,
.catalog h2 {
  margin-bottom: 18px;
}

#catalog,
div#catalog {
  /* единый кремовый холст (в тон страницы) + мягкое тёплое свечение сверху —
     лид «Выберите дом…» плавно перетекает в карточки, без тёмной полосы */
  background:
  radial-gradient(ellipse 56% 38% at 50% 0%, rgba(193, 154, 91, 0.10) 0%, transparent 62%),
  linear-gradient(180deg, #f5f1eb 0%, #f1ebe0 100%);
  background-color: #f5f1eb;
  padding: 12px 0 64px;
  margin-top: 0;
  position: relative;
  z-index: 1;
  overflow: visible;
}

/* ════════ 3D на ФОТО (текст и канон-hover не трогаем) ════════
   Другое решение: при наведении в 3D «оживает» только изображение дома —
   лёгкий наклон в перспективе + приближение. Текст/КД/цена остаются плоскими
   и чёткими, карточка сохраняет свой канон-hover (смена цвета). Desktop+clean. */
@media (min-width: 992px) {
  #catalog .catalog-item .image {
    perspective: 800px;
    overflow: hidden;
  }
  #catalog .catalog-item .image img {
    transition: transform 0.55s cubic-bezier(0.2,0.7,0.2,1);
    transform-origin: center 60%;
    will-change: transform;
  }
  #catalog .catalog-item:hover .image img {
    transform: scale(1.09) rotateX(5deg) rotateY(-4deg);
  }
}

/* ════════ ПОГРУЖЕНИЕ: клик по карточке плавно разворачивает её в большую ════════
   FLIP-зум с мягким игровым easing (overshoot), затемнение+блюр фона. Действия
   те же — «Открыть проект» (ссылка) и «Получить КП» (канон-попап). JS: initCatalogZoom. */
.scandi-zoom-backdrop {
  position: fixed; inset: 0;
  background: rgba(20, 14, 9, 0.52);
  backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
  opacity: 0; transition: opacity 0.55s ease; z-index: 9998; pointer-events: none;
}
.scandi-zoom-backdrop.is-on { opacity: 1; pointer-events: auto; }
.scandi-zoom-fly {
  position: fixed; z-index: 9999; border-radius: 16px; overflow: hidden;
  background: #fffdf8; border-top: 3px solid #c19a5b;
  box-shadow: 0 60px 130px -24px rgba(0,0,0,0.55), 0 0 0 1px rgba(193,154,91,0.18);
  transition:
  top 0.62s cubic-bezier(0.22, 1, 0.32, 1),
  left 0.62s cubic-bezier(0.22, 1, 0.32, 1),
  width 0.62s cubic-bezier(0.22, 1, 0.32, 1),
  height 0.62s cubic-bezier(0.22, 1, 0.32, 1),
  border-radius 0.5s ease, opacity 0.4s ease;
  will-change: top, left, width, height;
}
.scandi-zoom-fly__grid { display: grid; grid-template-columns: 1.1fr 1fr; height: 100%; position: relative; }
/* ЛЕВАЯ СТРАНИЦА «каталога»: изображение/видео видно ЦЕЛИКОМ (contain) на мягкой
   бумажной подложке — как фото, вклеенное в каталог, без зума и обрезки. */
.scandi-zoom-fly__media {
  position: relative; overflow: hidden;
  background: radial-gradient(125% 120% at 32% 22%, #fbf7ef 0%, #f0e8d8 100%);
}
.scandi-zoom-fly__img {
  position: absolute; inset: 30px;
  background-size: contain; background-repeat: no-repeat; background-position: center;
  border-radius: 8px;
  filter: drop-shadow(0 16px 30px rgba(70,48,18,0.20));
}
.scandi-zoom-fly__video {
  position: absolute !important; top: 30px !important; left: 30px !important; right: auto !important; bottom: auto !important;
  width: calc(100% - 60px) !important; height: calc(100% - 60px) !important;
  max-width: none !important; min-width: 0 !important;
  object-fit: contain !important; display: block;
  border-radius: 8px;
}
/* «корешок книги»: мягкая тень-сгиб у внутреннего края страницы-фото */
.scandi-zoom-fly__media::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 46px; background: linear-gradient(90deg, transparent, rgba(70,48,18,0.13)); pointer-events: none; }
.scandi-zoom-fly__area { position: absolute; top: 20px; left: 20px; z-index: 2; background: rgba(20,14,9,0.62); color: #f3ecdc; font: 600 13px/1 'Manrope', sans-serif; padding: 9px 15px; border-radius: 30px; backdrop-filter: blur(8px); border: 1px solid rgba(212,173,110,0.3); }
/* ПРАВАЯ СТРАНИЦА: описание/цена. Золотой волосок-корешок + ответная тень-сгиб. */
.scandi-zoom-fly__info { padding: clamp(26px, 3vw, 48px); display: flex; flex-direction: column; justify-content: center; overflow: auto; position: relative; background: #fffdf8; border-left: 1px solid rgba(166,124,58,0.32); }
.scandi-zoom-fly__info::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: linear-gradient(90deg, rgba(70,48,18,0.11), transparent); pointer-events: none; }
.scandi-zoom-fly__eyebrow { font: 700 11px/1 'Manrope', sans-serif; letter-spacing: 0.2em; text-transform: uppercase; color: #a67c3a; margin-bottom: 14px; display: flex; align-items: center; gap: 12px; }
.scandi-zoom-fly__eyebrow::before { content: ''; width: 30px; height: 1px; background: linear-gradient(90deg, #a67c3a, transparent); }
.scandi-zoom-fly__kd { font: 800 clamp(30px, 3.2vw, 44px)/1 'Manrope', sans-serif; color: #9a6b22; letter-spacing: -0.02em; }
.scandi-zoom-fly__desc {
  font: 400 clamp(14px, 1.15vw, 15.5px)/1.65 'Manrope', sans-serif;
  color: #5a4d3a; margin: 18px 0 4px; max-width: 440px;
  padding-left: 18px;
  border-left: 2px solid transparent;
  border-image: linear-gradient(180deg, #c79a52 0%, rgba(166,124,58,0.12) 100%) 1;  /* стильная тонкая вертикальная золотая линия */
}
.scandi-zoom-fly__specs { display: flex; flex-wrap: wrap; gap: 14px 26px; color: #5a4d3a; font-size: 14px; margin: 20px 0; padding: 18px 0; border-top: 1px solid rgba(166,124,58,0.18); border-bottom: 1px solid rgba(166,124,58,0.18); }
.scandi-zoom-fly__specs .info-item { display: flex; align-items: center; gap: 8px; }
.scandi-zoom-fly__specs .info-num { font-weight: 700; color: #1f1612; }
.scandi-zoom-fly__specs .info-unit { color: #8a7a5e; }
.scandi-zoom-fly__specs svg { width: 19px; height: 19px; color: #a67c3a; flex: none; }
.scandi-zoom-fly__priceline { display: flex; flex-direction: column; gap: 3px; margin: 16px 0 4px; }
.scandi-zoom-fly__pricelbl { font: 600 11px/1 'Manrope', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: #8a7a5e; }
.scandi-zoom-fly__price { font: 800 clamp(22px, 2.2vw, 30px)/1 'Manrope', sans-serif; color: #9a6b22; margin: 16px 0 2px; letter-spacing: -0.01em; }
.scandi-zoom-fly__ctas { display: flex; align-items: center; gap: 22px; margin-top: 26px; flex-wrap: wrap; }
.scandi-zoom-fly__cta { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; border: 0; background: none; font: 600 13px/1 'Manrope', sans-serif; letter-spacing: 0.04em; transition: transform 0.2s ease, box-shadow 0.2s ease; text-decoration: none; }
/* primary — золотая «таблетка» (как в каноне), но изящнее */
.scandi-zoom-fly__cta--kp { padding: 14px 30px; border-radius: 30px; color: #1a120a;
  background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a);
  box-shadow: 0 12px 26px rgba(166,124,58,0.30); }
.scandi-zoom-fly__cta--kp:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166,124,58,0.40); }
/* secondary — текст-ссылка с золотой стрелкой (легче, не спорит с primary) */
.scandi-zoom-fly__cta--open { color: #8a5a1f; padding: 6px 2px; position: relative; }
.scandi-zoom-fly__cta--open svg { transition: transform 0.25s ease; }
.scandi-zoom-fly__cta--open::after { content: ''; position: absolute; left: 2px; right: 22px; bottom: 0; height: 1px; background: currentColor; opacity: 0.3; transition: opacity 0.25s; }
.scandi-zoom-fly__cta--open:hover svg { transform: translateX(5px); }
.scandi-zoom-fly__cta--open:hover::after { opacity: 0.7; }
.scandi-zoom-fly__close { position: absolute; top: 14px; right: 16px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.45); background: rgba(20,14,9,0.45); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
@media (max-width: 860px) {
  .scandi-zoom-fly__grid { grid-template-columns: 1fr; grid-template-rows: 200px 1fr; }
}

#catalog::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
  radial-gradient(ellipse 100% 80% at 50% 50%, transparent 60%, rgba(120, 90, 50, 0.10) 100%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 600' preserveAspectRatio='xMidYMax slice'><g fill='none' stroke='%237d5a2c' stroke-width='1.2' stroke-opacity='0.22'><path d='M0 580 L120 380 L210 460 L320 280 L470 440 L580 360 L720 500 L860 320 L1000 460 L1130 280 L1250 420 L1400 260 L1520 400 L1600 360'/><path d='M0 520 L100 440 L240 340 L380 460 L500 400 L620 480 L780 360 L920 470 L1060 380 L1200 470 L1320 360 L1460 470 L1600 420'/><path d='M0 600 L120 380 L210 460 L320 280 L470 440 L580 360 L720 500 L860 320 L1000 460 L1130 280 L1250 420 L1400 260 L1520 400 L1600 360 L1600 600 Z' fill='%237d5a2c' fill-opacity='0.05' stroke='none'/></g></svg>"),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><g fill='none' stroke='%237d5a2c' stroke-width='1' stroke-opacity='0.10'><circle cx='160' cy='160' r='60'/><circle cx='160' cy='160' r='110'/><circle cx='160' cy='160' r='150'/><line x1='160' y1='8' x2='160' y2='312'/><line x1='8' y1='160' x2='312' y2='160'/><line x1='40' y1='40' x2='280' y2='280' stroke-dasharray='4 6'/></g></svg>");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size:
  auto,
  100% 50%,
  320px 320px;
  background-position:
  center,
  center 80%,
  0 0;
  pointer-events: none;
  z-index: 0;
  display: block;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  transform: none;
  opacity: 0.85;
}

#catalog::after {
  content: '';
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
  pointer-events: none;
  z-index: 1;
}

#catalog .container,
#catalog .items {
  position: relative;
  z-index: 2;
}

#catalog .image-bg {
  display: none;
}

#catalog .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 32px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

@media (max-width: 991px) {
  #catalog .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 20px;
  }
}

@media (max-width: 600px) {
  #catalog .items {
    grid-template-columns: 1fr;
  }
}

/* ════════ «ПОЛКИ»: ряды карточек стоят на тонких золотых полках ════════
   Карточки фикс. высоты 518px + gap 32px → шаг ряда 550px. Линия-полка рисуется
   повторяющимся градиентом по сетке в зазоре под каждым рядом; карточки получают
   нижнюю контактную тень — эффект «проекты стоят на полке». Только desktop
   (на узких экранах карточки в 1–2 колонки, шаг иной — полку не рисуем). */

#catalog .catalog-item,
#catalog a.catalog-item {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 50%, rgba(228, 215, 188, 0.82) 100%);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  border: 1px solid rgba(166, 124, 58, 0.30);
  border-top: 2px solid #a67c3a;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  position: relative;
  margin: 0;
  width: 100%;
  height: auto;
  isolation: isolate;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.65,0,0.35,1);
  box-shadow:
  0 12px 30px rgba(120, 90, 50, 0.14),
  0 4px 10px rgba(120, 90, 50, 0.08),
  inset 0 1px 0 rgba(255, 255, 255, 0.60),
  inset 0 -1px 0 rgba(166, 124, 58, 0.08);
}

#catalog .catalog-item:hover,
#catalog a.catalog-item:hover {
  /* только подъём, БЕЗ scale: scale(1.02) растеризует текст с background-clip:text
     (КД + цена золотом) → размытие. Подъёма + свечения достаточно для hover-эффекта. */
  transform: translateY(-8px);
  background:
  linear-gradient(135deg, rgba(50, 35, 20, 0.95) 0%, rgba(30, 22, 16, 0.95) 50%, rgba(40, 28, 18, 0.95) 100%);
  border-color: rgba(212, 173, 110, 0.85);
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.35),
  0 0 40px rgba(193, 154, 91, 0.30),
  0 32px 64px rgba(0, 0, 0, 0.50),
  0 16px 32px rgba(193, 154, 91, 0.35),
  inset 0 1px 0 rgba(255, 230, 180, 0.20),
  inset 0 -1px 0 rgba(0, 0, 0, 0.30);
  z-index: 10;
}

#catalog .catalog-item .image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 100%, rgba(212, 173, 110, 0) 0%, rgba(212, 173, 110, 0) 100%);
  pointer-events: none;
  z-index: 2;
  transition: background 0.5s ease;
}

#catalog .catalog-item:hover .image::after {
  background: radial-gradient(circle at 50% 120%, rgba(212, 173, 110, 0.18) 0%, rgba(212, 173, 110, 0) 60%);
}

#catalog .catalog-item::after,
#catalog a.catalog-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #c19a5b 0%, rgba(193, 154, 91, 0.3) 70%, transparent 100%);
  z-index: 4;
  opacity: 1;
  transition: background 0.5s ease, box-shadow 0.5s ease, height 0.5s ease;
  pointer-events: none;
}

#catalog .catalog-item:hover::after {
  background: linear-gradient(90deg, #d4ad6e 0%, #f5d294 35%, #c19a5b 65%, #a67c3a 100%);
  box-shadow: 0 0 14px rgba(212, 173, 110, 0.65), 0 2px 6px rgba(193, 154, 91, 0.45);
  height: 3px;
}

#catalog .catalog-item.item-title {
  display: none;
}

#catalog .catalog-item .image {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background:
  repeating-linear-gradient(135deg,
  rgba(212, 173, 110, 0.10) 0,
  rgba(212, 173, 110, 0.10) 2px,
  transparent 2px,
  transparent 14px),
  radial-gradient(circle at 30% 30%, rgba(255, 230, 180, 0.18), transparent 55%),
  linear-gradient(135deg, #2a1f17 0%, #1f1812 50%, #14100d 100%);
  margin: 0;
  filter: none;
  border-radius: 0;
  box-shadow: none;
  mix-blend-mode: normal;
  z-index: 0;
  display: block;
}

#catalog .catalog-item.no-hero .image::after,
#catalog .catalog-item .image.no-hero::after {
  content: attr(data-kd);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: rgba(212, 173, 110, 0.45);
  text-transform: uppercase;
  text-shadow: 0 4px 24px rgba(0,0,0,0.4);
  pointer-events: none;
  z-index: 2;
  background: none;
}

#catalog .catalog-item .image::after {
  display: none;
}

#catalog .catalog-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), filter 0.6s ease;
  filter: brightness(1.0) saturate(1.0);
}

#catalog .catalog-item:hover .image img {
  transform: scale(1.06);
  filter: brightness(1.05) saturate(1.05);
}

/* Видео-превью карточки (КД-520 и т.п.): без object-fit нативное <video>
   не заполняет 5/4-коробку → снизу проступал тёмный фон .image (чёрная полоса).
   Кроем как img: absolute inset:0 + cover. */
#catalog .catalog-item video,
#catalog .catalog-item .image video,
#catalog .catalog-item .video-preview,
#catalog .catalog-item .image .video-preview {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  object-fit: cover !important;
  display: block;
  z-index: 0;
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), filter 0.6s ease;
}
#catalog .catalog-item:hover .image video,
#catalog .catalog-item:hover .image .video-preview {
  transform: scale(1.06);
}

#catalog .catalog-item .image::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  height: 80px;
  inset: 0 0 auto 0;
  background: linear-gradient(180deg, rgba(20,16,13,0.28) 0%, transparent 100%);
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

#catalog .catalog-item .card-area-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: auto;
  left: auto;
  height: auto;
  min-height: 0;
  width: auto;
  background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
  background-image: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  border: 1px solid rgba(255, 230, 180, 0.40);
  border-radius: 999px;
  padding: 7px 14px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
  box-shadow: 0 6px 18px rgba(166, 124, 58, 0.40), 0 2px 4px rgba(20, 16, 13, 0.20);
  z-index: 4;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

#catalog .catalog-item:hover .card-area-badge {
  transform: scale(1.06);
  box-shadow: 0 8px 24px rgba(166, 124, 58, 0.55), 0 2px 6px rgba(20, 16, 13, 0.25);
}

#catalog .catalog-item .card-area-value {
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
}

#catalog .catalog-item .card-area-unit {
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  font-size: 11px;
  margin-left: 2px;
  opacity: 0.7;
}

#catalog .catalog-item .card-area-value,
#catalog .catalog-item .card-area-unit {
  display: inline;
  position: static;
}

#catalog .catalog-item .card-area-value {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

#catalog .catalog-item .card-area-unit {
  font-size: 11px;
  color: inherit;
  -webkit-text-fill-color: inherit;
  opacity: 0.85;
}

#catalog .catalog-item.item-title,
#catalog .item-title {
  display: none;
}

#catalog .catalog-item .lbls,
#catalog .catalog-item .lbls-item,
#catalog .catalog-item .lbl,
#catalog .catalog-item .label,
#catalog .catalog-item .label-set {
  display: none;
}

#catalog .catalog-item .desc {
  position: relative;
  box-sizing: border-box; /* иначе width:100%+padding вылазит за карточку на 36px
                             → правый aside (₽/м²) уезжал за край и обрезался */
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  padding: 14px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: 2;
  transition: background 0.4s ease, border-color 0.4s ease;
  border-top: 1px solid rgba(166, 124, 58, 0.22);
  height: auto;
  min-height: 0;
  text-align: left;
}

#catalog .catalog-item:hover .desc {
  background: transparent;
  border-top-color: rgba(193, 154, 91, 0.55);
}

#catalog .catalog-item .desc .title {
  /* КД-код = «шапка» карточки. Отсечка снизу — золотая линия с растворением вправо.
     ВНИМАНИЕ: отступы (padding-bottom под линию + margin-bottom до характеристик)
     заданы НИЖЕ в правиле-сбросе «.title, .desc .title» — оно идёт позже и при той же
     специфичности выигрывает, поэтому воздух держим там (иначе он перетирался на 0). */
  border-bottom: 0;
  width: 100%;
}
#catalog .catalog-item .desc .title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(166, 124, 58, 0.16) 38%, rgba(166, 124, 58, 0.55) 100%);
  transition: background 0.4s ease;
}
#catalog .catalog-item:hover .desc .title::after {
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.32) 38%, rgba(212, 173, 110, 0.85) 100%);
}

#catalog .catalog-item .title,
#catalog .catalog-item .desc .title {
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
  text-align: left;
  /* воздух «шапки»: 15px под золотую линию-отсечку + 22px до блока характеристик,
     чтобы КД явно отделялся от описания (+ ещё 6px flex-gap .desc → ≈28px до specs).
     (живёт здесь, т.к. это правило перетирало бы любые отступы из .desc .title выше) */
  margin: 0 0 22px;
  padding: 0 0 15px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 0;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  font-size: 0;
}

#catalog .catalog-item .title-code {
  /* Наименование проекта — золотой металлик-градиент (язык ставки у карточек
     банков). На кремовом фоне используем затемнённую бронзово-золотую палитру,
     чтобы КД читался; на hover (карточка темнеет) — яркое золото. */
  font-weight: 800;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 21px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1.15;
  background: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: letter-spacing 0.5s ease, filter 0.5s ease;
}

#catalog .catalog-item:hover .title-code {
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.08em;
  filter: drop-shadow(0 0 14px rgba(212, 173, 110, 0.45));
}

div#catalog .catalog-item .title .title-size,
div#catalog .catalog-item .title-size,
#catalog .catalog-item .title-size,
#catalog .title-size {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  position: absolute;
  pointer-events: none;
}

#catalog .catalog-item .title-size {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  font-weight: 500;
  font-size: 15px;
  margin: 0;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  letter-spacing: 0.02em;
  text-transform: none;
  font-style: normal;
  display: inline;
  opacity: 1;
}

#catalog .catalog-item .info:not(.info-price) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

#catalog .catalog-item .info-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #574a39;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  position: relative;
  font-style: normal;
  width: 100%;
  transition: color 0.4s ease, transform 0.4s ease, letter-spacing 0.4s ease;
}

#catalog .catalog-item:hover .info-item,
#catalog .catalog-item:hover .info-item span,
#catalog .catalog-item:hover .info-item .b-title {
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
}

#catalog .catalog-item:hover .info-item:first-child,
#catalog .catalog-item:hover .info-item:first-child span,
#catalog .catalog-item:hover .info-item:first-child .b-title {
  color: #ffe5b8;
  -webkit-text-fill-color: #ffe5b8;
  font-weight: 700;
  text-shadow: 0 0 12px rgba(212, 173, 110, 0.45);
}

#catalog .catalog-item .info-item:not(:last-child)::after {
  display: none;
  content: none;
}

#catalog .catalog-item .info-item svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  fill: none;
  stroke: #b8a684;
  color: #b8a684;
  transition: stroke 0.4s ease, transform 0.4s ease;
}

#catalog .catalog-item:hover .info-item svg {
  stroke: #d4ad6e;
  color: #d4ad6e;
}

#catalog .catalog-item .info-item span,
#catalog .catalog-item .info-item .b-title {
  color: inherit;
  -webkit-text-fill-color: inherit;
  font-size: 14px;
  font-weight: inherit;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
  font-style: normal;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  transition: color 0.4s ease;
}

/* ── Премиум-типографика характеристик (язык карточек банков): внутри строки
   ЧИСЛО — яркое «значение» (крупнее, жирнее, ink, tabular figures),
   СЛОВО-единица — приглушённая подпись. Раскладка (иконка + строка слева)
   сохранена — меняем только подачу текста. ── */
#catalog .catalog-item .info-item .info-val {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  line-height: 1.2;
}
#catalog .catalog-item .info-item .info-num {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #6a5942;
  -webkit-text-fill-color: #6a5942;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
  transition: color 0.4s ease, -webkit-text-fill-color 0.4s ease, text-shadow 0.4s ease;
}
#catalog .catalog-item .info-item .info-unit {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: #9a8b76;
  -webkit-text-fill-color: #9a8b76;
  transition: color 0.4s ease, -webkit-text-fill-color 0.4s ease;
}
/* Hover (карточка темнеет): число — яркое кремовое, единица — приглушённый крем */
#catalog .catalog-item:hover .info-item .info-num {
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
}
#catalog .catalog-item:hover .info-item .info-unit,
#catalog .catalog-item:hover .info-item:first-child .info-unit {
  color: rgba(216, 207, 186, 0.60);
  -webkit-text-fill-color: rgba(216, 207, 186, 0.60);
}
/* Первая строка (габариты) на hover — золотой акцент только на числе */
#catalog .catalog-item:hover .info-item:first-child .info-num {
  color: #ffe5b8;
  -webkit-text-fill-color: #ffe5b8;
  text-shadow: 0 0 12px rgba(212, 173, 110, 0.45);
}

#catalog .catalog-item:hover .info-item svg {
  transform: scale(1.12);
}

/* ── Правое «пустое» пространство: СТИЛЬ дома (в покое) + ₽/м² (при наведении).
   Характеристики слева, мета-блок справа — на одной строке-ряду. ── */
#catalog .catalog-item .scandi-specs-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
#catalog .catalog-item .scandi-specs-row .info { flex: 0 1 auto; }
#catalog .catalog-item .scandi-card-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 8px;
  flex-shrink: 0;
  padding-top: 1px;
}
#catalog .catalog-item .scandi-card-style {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a8895a;
  -webkit-text-fill-color: #a8895a;
  white-space: nowrap;
  transition: color 0.4s ease, -webkit-text-fill-color 0.4s ease;
}
#catalog .catalog-item .scandi-card-perm {
  /* появляется при наведении ПОД стилем; в покое скрыт, но место зарезервировано
     (opacity, не display) — чтобы при hover не было прыжка лэйаута */
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  font-variant-numeric: tabular-nums lining-nums;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
#catalog .catalog-item .scandi-card-perm__from {
  font-size: 11px;
  font-weight: 600;
  color: rgba(216, 207, 186, 0.6);
  -webkit-text-fill-color: rgba(216, 207, 186, 0.6);
}
#catalog .catalog-item:hover .scandi-card-style {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
}
#catalog .catalog-item:hover .scandi-card-perm {
  opacity: 1;
  transform: none;
}

/* ── Цена = Editorial: без плашки, тонкая золотая линия-отсечка сверху, на
   hover — золотой градиент (как наименование КД). Шрифт чуть меньше. ── */
#catalog .catalog-item .info-price,
#catalog .catalog-item .info.info-price {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-style: normal;
  font-size: 21px;
  font-weight: 800;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  letter-spacing: -0.03em;
  margin: 16px 0 0;
  padding: 14px 0 0;
  border: 0;
  border-top: 1px solid transparent;
  border-image-source: linear-gradient(90deg, transparent 0%, rgba(166, 124, 58, 0.16) 38%, rgba(166, 124, 58, 0.55) 100%);
  border-image-slice: 1;
  border-radius: 0;
  background: none;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 7px;
  flex-direction: row;
  line-height: 1;
  transform-origin: left center;
  transition: transform 0.5s cubic-bezier(0.34, 1.4, 0.64, 1),
  color 0.4s ease,
  border-color 0.4s ease;
}

/* Цена = ТОТ ЖЕ золотой градиент, что КД-код (золотые «скобки» вокруг характеристик
   связывают код и цену цветом). Цифра лежит в <span class="b-title bt14 medium"><b>…</b></span>,
   поэтому .bt14 пиннил 14px, а .medium — вес 500. Бьём ПРЯМО по тексту (span/<b>):
   размер/вес = как у КД (21px/800) и градиент вешаем на сам текст, не на контейнер
   (иначе clip:text через вложенные боксы мылит). */
#catalog .catalog-item .info.info-price .info-item,
#catalog .catalog-item .info.info-price .info-item span,
#catalog .catalog-item .info.info-price .b-title,
#catalog .catalog-item .info.info-price .b-title b,
#catalog .catalog-item .info.info-price b {
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(105deg, #6e4517 0%, #b88a3e 48%, #855b22 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Hover — цена ярким золотым градиентом (тот же, что у КД на hover), линия ярче.
   Градиент на тексте (span/<b>), карточка на hover без scale → чётко. */
#catalog .catalog-item:hover .info-price,
#catalog .catalog-item:hover .info.info-price {
  border-image-source: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.32) 38%, rgba(212, 173, 110, 0.85) 100%);
  background: none;
}
#catalog .catalog-item:hover .info.info-price .info-item,
#catalog .catalog-item:hover .info.info-price .info-item span,
#catalog .catalog-item:hover .info.info-price .b-title,
#catalog .catalog-item:hover .info.info-price .b-title b,
#catalog .catalog-item:hover .info.info-price b {
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

#catalog .catalog-item .info-price::before {
  /* «от» — часть цены: нижний регистр, на ОДНОЙ базовой линии, приглушённый
     тон того же семейства (не золотая «другая плоскость»), тесный отступ. */
  content: 'от';
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-style: normal;
  font-size: 12.5px;
  font-weight: 600;
  color: #94774a;
  -webkit-text-fill-color: #94774a;
  letter-spacing: 0.01em;
  text-transform: lowercase;
  flex-shrink: 0;
  margin: 0;
  align-self: baseline;
  padding: 0;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  transition: color 0.4s ease;
}

#catalog .catalog-item:hover .info-price::before {
  color: rgba(212, 173, 110, 0.85);
  -webkit-text-fill-color: rgba(212, 173, 110, 0.85);
}

#catalog .catalog-item .info-price::after,
#catalog a.catalog-item .info-price::after {
  display: none;
  content: none;
}

#catalog .catalog-item[href*="/katalog-proektov/"],
#catalog a.catalog-item[href*="/katalog-proektov/"] {
  background:
  radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
  linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%);
  border: 1px solid rgba(212, 173, 110, 0.40);
  border-top: 2px solid #c19a5b;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .image {
  background: transparent;
  aspect-ratio: 5 / 4;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .image img {
  display: none;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .image::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.10) 1px, transparent 1.5px) 0 0/22px 22px,
  radial-gradient(ellipse 100% 80% at 50% 100%, rgba(120, 90, 50, 0.20), transparent 60%);
  z-index: 1;
  height: 100%;
  display: block;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .image::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%);
  box-shadow:
  0 12px 32px rgba(212, 173, 110, 0.35),
  inset 0 -2px 8px rgba(20, 16, 13, 0.20);
  z-index: 3;
  display: flex;
  background-image:
  linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%2314100d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12 L19 12'/><path d='M13 6 L19 12 L13 18'/></svg>");
  background-size: 100%, 32px 32px;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: normal, normal;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .desc {
  background: transparent;
  border-top-color: rgba(212, 173, 110, 0.30);
  text-align: center;
  padding: 18px 16px 22px;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .desc .title {
  justify-content: center;
  border-bottom: 0;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .title-code {
  display: none;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .desc::before {
  content: 'ПЕРЕЙТИ В КАТАЛОГ';
  display: block;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffe5b8;
  -webkit-text-fill-color: #ffe5b8;
  margin-bottom: 6px;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .desc::after {
  content: 'Все 150 проектов с ценами и характеристиками';
  display: block;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #a89c8a;
  -webkit-text-fill-color: #a89c8a;
  line-height: 1.4;
}

#catalog .catalog-item[href*="/katalog-proektov/"] .info,
#catalog .catalog-item[href*="/katalog-proektov/"] .info-price,
#catalog .catalog-item[href*="/katalog-proektov/"] .card-area-badge {
  display: none;
}

#catalog .catalog-item[href*="/katalog-proektov/"]:hover {
  transform: translateY(-8px) scale(1.02);
  border-color: rgba(212, 173, 110, 0.85);
  box-shadow:
  0 0 40px rgba(193, 154, 91, 0.30),
  0 32px 64px rgba(0, 0, 0, 0.50);
}

#catalog .catalog-item[href*="/katalog-proektov/"]:hover .image::after {
  transform: translate(-50%, -50%) scale(1.10);
  box-shadow: 0 16px 40px rgba(212, 173, 110, 0.55);
}

div#cbform-get-catalog,
div#cbform-catalog,
section#cbform-get-catalog,
section#cbform-catalog,
div#cbform-catalog,
section#cbform-catalog,
div#cbform-architect,
section#cbform-architect,
#cbform-get-catalog,
#cbform-catalog,
#cbform-catalog,
#cbform-architect,
#cbform-sample,
#cbform-viewing,
.cbform-get-catalog,
.cbform-architect,
.cbform-sample,
.cbform-viewing,
.cbform:not(#catalog),
.about-company,
#about-company,
.discount-calculator,
.cert-container,
.mortgage-calling,
section.mortgage-calling,
.block-text,
section.block-text,
.seo-section,
section.seo-section,
.seo-section--alt,
section.seo-section--alt,
.seo-cta,
section.seo-cta,
.seo-team-block,
section.seo-team-block,
.geo-work-section,
section.geo-work-section,
.catalog.block-padding:not(#catalog) {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
  radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
  linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
  background-size: 24px 24px, auto, auto;
  background-color: #ebe1cd;
  position: relative;
}

body.category .post-list,
body.archive .post-list,
body.archive .houses-list,
body.tax-houses_category #catalog,
body.taxonomy-archive #catalog {

}

section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):not(.scandi-burger) {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  transition: color 0.3s ease;
}

section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):hover {
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
}

section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
}

.catalog.no-padding-bottom .title-new,
.catalog .title-new h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 3.6vw, 40px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  text-align: center;
  margin: 0 0 28px;
}

#catalog .catalog-item .card-arrow,
#catalog a.catalog-item .card-arrow {
  display: none;
  visibility: hidden;
}

#catalog .catalog-item .scandi-card-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  display: flex;
  align-items: stretch;
  height: 58px;
  padding: 0;
  margin: 0;
  background: linear-gradient(180deg,
  rgba(20, 16, 13, 0) 0%,
  rgba(20, 16, 13, 0.78) 35%,
  rgba(20, 16, 13, 0.94) 100%);
  -webkit-backdrop-filter: blur(8px) saturate(1.05);
  backdrop-filter: blur(8px) saturate(1.05);
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
  pointer-events: none;
  z-index: 5;
  border-top: 1px solid rgba(212, 173, 110, 0.28);
  box-shadow: 0 -14px 28px -10px rgba(20, 16, 13, 0.75);
}

#catalog .catalog-item:hover .scandi-card-overlay,
#catalog .catalog-item:focus-within .scandi-card-overlay {
  transform: translateY(0);
  opacity: 1;
}

#catalog .catalog-item .scandi-card-overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #d4ad6e 50%, transparent 100%);
  transition: left 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.1s, right 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  pointer-events: none;
}

#catalog .catalog-item:hover .scandi-card-overlay::before {
  left: 12%;
  right: 12%;
}

#catalog .catalog-item .scandi-card-overlay__btn {
  pointer-events: auto;
  flex: 1 1 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 14px;
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  color: #f5e9d4;
  -webkit-text-fill-color: #f5e9d4;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.25s ease, background-color 0.25s ease, letter-spacing 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);
}

#catalog .catalog-item .scandi-card-overlay__btn:hover {
  color: #f5d294;
  -webkit-text-fill-color: #f5d294;
  background-color: rgba(212, 173, 110, 0.06);
  letter-spacing: 0.22em;
}

#catalog .catalog-item .scandi-card-overlay__btn::after {
  content: '';
  position: absolute;
  bottom: 16px;
  left: 50%;
  width: 0;
  height: 1px;
  background: #d4ad6e;
  transition: width 0.3s ease, left 0.3s ease;
  pointer-events: none;
}

#catalog .catalog-item .scandi-card-overlay__btn:hover::after {
  width: 30px;
  left: calc(50% - 15px);
}

#catalog .catalog-item .scandi-card-overlay__btn:focus-visible {
  outline: 1px solid #d4ad6e;
  outline-offset: -3px;
}

#catalog .catalog-item .scandi-card-overlay__sep {
  display: block;
  width: 1px;
  align-self: center;
  height: 22px;
  background: linear-gradient(180deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
  flex: 0 0 1px;
}

@media (max-width: 768px) {
  #catalog .catalog-item .scandi-card-overlay {
    transform: translateY(0);
    opacity: 1;
    height: 44px;
    background: linear-gradient(180deg, rgba(20,16,13,0.4) 0%, rgba(20,16,13,0.85) 100%);
  }
  #catalog .catalog-item .scandi-card-overlay::before {
    left: 12%;
    right: 12%;
  }
  #catalog .catalog-item .scandi-card-overlay__btn {
    font-size: 10.5px;
    letter-spacing: 0.14em;
  }
}

#catalog .catalog-item .desc {
  position: relative;
}

/* ₽/м² aside — появляется при hover (карточка тёмная). Unified Manrope (не
   Cormorant), bottom-right в один уровень с ценой (а не плавающий центр), все
   цвета светлые/gold под тёмный hover-фон. Без divider-линии (читалась «сломом»). */
#catalog .catalog-item .scandi-card-aside {
  position: absolute;
  right: 18px;
  top: 50%;
  bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  opacity: 0;
  transform: translateY(-50%) translateX(10px);
  transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  z-index: 3;
  text-align: right;
  max-width: 44%;
}

#catalog .catalog-item:hover .scandi-card-aside,
#catalog .catalog-item:focus-within .scandi-card-aside {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

#catalog .catalog-item .scandi-card-aside__eyebrow {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: rgba(212, 173, 110, 0.70);
  -webkit-text-fill-color: rgba(212, 173, 110, 0.70);
  line-height: 1;
}

#catalog .catalog-item .scandi-card-aside__value {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  color: #e8c98c;
  -webkit-text-fill-color: #e8c98c;
  white-space: nowrap;
}

#catalog .catalog-item .scandi-card-aside__caption {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-style: normal;
  font-size: 9px;
  font-weight: 500;
  color: rgba(235, 227, 216, 0.55);
  -webkit-text-fill-color: rgba(235, 227, 216, 0.55);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.1;
}

/* Мобайл (touch, без hover, карточка кремовая) — прячем aside целиком:
   gold-на-креме плохо читается, per-m² не критичен. Полный мобайл — CR.10. */
@media (max-width: 768px) {
  #catalog .catalog-item .scandi-card-aside {
    display: none;
  }
}

#catalog .catalog-item .scandi-card-arrow,
#catalog a.catalog-item .scandi-card-arrow {
  display: none;
  visibility: hidden;
}

#catalog .catalog-item .scandi-card-arrow.__deprecated_unused {
  position: absolute;
  right: 14px;
  bottom: 72px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(212, 173, 110, 0.55);
  border-radius: 50%;
  background: rgba(20, 16, 13, 0.42);
  -webkit-backdrop-filter: blur(6px) saturate(1.05);
  backdrop-filter: blur(6px) saturate(1.05);
  color: #d4ad6e;
  opacity: 0;
  transform: translate(8px, 8px) scale(0.85);
  transition: opacity 0.35s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  z-index: 6;
  pointer-events: none;
  box-shadow: 0 6px 16px rgba(20, 16, 13, 0.35);
}

#catalog .catalog-item:hover .scandi-card-arrow {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  border-color: rgba(212, 173, 110, 0.85);
  box-shadow: 0 8px 20px rgba(20, 16, 13, 0.5), 0 0 14px rgba(212, 173, 110, 0.25);
  background: rgba(20, 16, 13, 0.55);
}

#catalog .catalog-item .scandi-card-arrow svg {
  width: 16px;
  height: 16px;
  display: block;
  stroke: #d4ad6e;
  fill: none;
  transition: stroke 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

#catalog .catalog-item:hover .scandi-card-arrow svg {
  stroke: #f5d294;
  transform: translate(1px, -1px);
}

@media (max-width: 768px) {
  #catalog .catalog-item .scandi-card-arrow {
    opacity: 0.85;
    transform: translate(0, 0) scale(1);
    bottom: 60px;
    width: 32px;
    height: 32px;
  }
  #catalog .catalog-item .scandi-card-arrow svg {
    width: 14px;
    height: 14px;
  }
}

#catalog .catalog-item.scandi-catalog-entry .image {
  background: #f5e9d4;
  aspect-ratio: 5 / 4;
  overflow: hidden;
}

#catalog .catalog-item.scandi-catalog-entry .image::before,
#catalog .catalog-item.scandi-catalog-entry .image::after {
  display: none;
  content: none;
}

#catalog .catalog-item.scandi-catalog-entry .image img {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1.0) saturate(1.05);
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
}

#catalog .catalog-item.scandi-catalog-entry.no-hero .image,
#catalog .catalog-item.scandi-catalog-entry .image.no-hero {
  background: #f5e9d4;
}

#catalog .catalog-item.scandi-catalog-entry.no-hero .image::after,
#catalog .catalog-item.scandi-catalog-entry .image.no-hero::after {
  content: none;
  display: none;
}

#catalog .catalog-item.scandi-catalog-entry:hover .image img {
  transform: scale(1.04);
  filter: brightness(1.04) saturate(1.1);
}

#catalog .catalog-item.scandi-catalog-entry .scandi-card-overlay,
#catalog .catalog-item.scandi-catalog-entry .scandi-card-aside,
#catalog .catalog-item.scandi-catalog-entry .card-area-badge,
#catalog .catalog-item.scandi-catalog-entry .lbls {
  display: none;
}

#catalog .catalog-item.scandi-catalog-entry,
#catalog a.catalog-item.scandi-catalog-entry {
  background: linear-gradient(180deg, #fdf9f0 0%, #f5e9d4 100%);
  border: 1px solid rgba(193, 154, 91, 0.22);
  box-shadow: 0 14px 32px rgba(31, 22, 18, 0.08), 0 2px 6px rgba(31, 22, 18, 0.04);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.4s ease;
}

#catalog .catalog-item.scandi-catalog-entry:hover,
#catalog a.catalog-item.scandi-catalog-entry:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(31, 22, 18, 0.14), 0 6px 14px rgba(193, 154, 91, 0.12);
  border-color: rgba(193, 154, 91, 0.45);
}

#catalog .catalog-item.scandi-catalog-entry::after,
#catalog a.catalog-item.scandi-catalog-entry::after {
  background: linear-gradient(90deg, transparent 0%, #c19a5b 30%, #f5d294 50%, #c19a5b 70%, transparent 100%);
  height: 2px;
  opacity: 1;
}

#catalog .catalog-item.scandi-catalog-entry .desc {
  padding: 28px 22px 22px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

#catalog .catalog-item.scandi-catalog-entry .desc::before,
#catalog .catalog-item.scandi-catalog-entry .desc::after,
#catalog a.catalog-item.scandi-catalog-entry .desc::before,
#catalog a.catalog-item.scandi-catalog-entry .desc::after,
#catalog .catalog-item[href*="/katalog-proektov/"] .desc::before,
#catalog .catalog-item[href*="/katalog-proektov/"] .desc::after {
  content: none;
  display: none;
}

#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__title {
  font-family: 'Cormorant Garamond', 'Manrope', sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.05;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  letter-spacing: -0.01em;
  margin: 0;
  text-align: center;
}

#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  padding: 12px 22px;
  border: 1px solid rgba(193, 154, 91, 0.55);
  border-radius: 2px;
  margin: 0;
  background: transparent;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

#catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__cta {
  background: linear-gradient(180deg, #d4ad6e 0%, #c19a5b 100%);
  border-color: #c19a5b;
  color: #1f1612;
  box-shadow: 0 4px 12px rgba(193, 154, 91, 0.3);
}

#catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__arr {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 500;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  transition: transform 0.3s ease, color 0.25s ease;
}

#catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr {
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
}

#catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr {
  transform: translateX(6px);
}

@media screen and (max-width:670px) {
  .catalog .in .items {
    display:flex; flex-direction:column;
  }
}

/* ══════════ DISCOUNT-CALCULATOR (clean) — /karkasnyj-dom-v-ipoteku/ ══════════
   JS-управляемый (data-range-slider / data-realty-price-slider / data-savings-amount …).
   Разметку и data-* НЕ трогаем — только стиль. Книжный кремовый разворот:
   слева «за наличные» (скидка), справа «в ипотеку», снизу экономия + CTA. */
#discount-calculator { position: relative; overflow: hidden; }
/* легаси-декорации (фон-фото дома + менеджер) в clean ломают вёрстку — прячем */
#discount-calculator .calculator-block__bg,
#discount-calculator .calculator-block__manager-pic { display: none !important; }
#discount-calculator .in--block { position: relative; z-index: 1; }
#discount-calculator .title {
  font: 300 clamp(26px, 3vw, 42px)/1.15 'Manrope', sans-serif;
  color: #14100d; text-align: center; margin-bottom: 32px;
}
#discount-calculator .title i { font-style: italic; color: #a67c3a; }

#discount-calculator .discount-calc {
  max-width: 1080px; margin: 0 auto; padding: clamp(24px, 3vw, 44px);
  background: #fffdf8; border: 1px solid rgba(166,124,58,0.18); border-top: 3px solid #c19a5b;
  border-radius: 20px; box-shadow: 0 30px 70px -30px rgba(70,48,18,0.28);
}
#discount-calculator .discount-calc__columns {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: start;
}
#discount-calculator .discount-calc__cash { padding-right: clamp(20px, 2.4vw, 40px); }
#discount-calculator .discount-calc__mortgage {
  padding-left: clamp(20px, 2.4vw, 40px);
  border-left: 1px solid rgba(166,124,58,0.20);   /* «корешок» книжного разворота */
}
#discount-calculator .c-name { font: 600 13px/1 'Manrope', sans-serif; letter-spacing: .02em; color: #7a6a4e; margin-bottom: 10px; }
#discount-calculator .discount-calc__item { margin-bottom: 22px; }
#discount-calculator .discount-calc__heading,
#discount-calculator .cash-discount__title { font: 700 17px/1.3 'Manrope', sans-serif; color: #14100d; margin-bottom: 18px; }
#discount-calculator .discount-calc__heading i,
#discount-calculator .cash-discount__title i { font-style: normal; color: #a67c3a; }

/* page-range — золотой трек + ползунок (база; JS красит progress инлайн) */
#discount-calculator .page-range { width: 100%; }
#discount-calculator .page-range__heading { display: block; font: 700 17px/1 'Manrope', sans-serif; color: #1e130a; margin-bottom: 10px; }
#discount-calculator .page-range__heading [data-range-value] { color: #a67c3a; }
#discount-calculator .page-range__slider {
  -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px;
  background: #ece1cd; outline: none; cursor: pointer; margin: 0;
}
#discount-calculator .page-range__slider::-webkit-slider-thumb {
  -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%;
  background: #a67c3a; border: 3px solid #fffdf8; box-shadow: 0 2px 8px rgba(120,90,50,0.4); cursor: pointer;
}
#discount-calculator .page-range__slider::-moz-range-thumb {
  width: 22px; height: 22px; border-radius: 50%; background: #a67c3a; border: 3px solid #fffdf8; box-shadow: 0 2px 8px rgba(120,90,50,0.4); cursor: pointer;
}
#discount-calculator .page-range__slider--hidden { display: none; }

/* «за наличные» — выделенная скидка */
#discount-calculator .cash-discount {
  margin-top: 24px; padding: 20px 22px; border-radius: 14px;
  background: linear-gradient(135deg, #faf4e8, #f3e7cf); border: 1px solid rgba(166,124,58,0.25);
}
#discount-calculator .cash-discount__label { display: inline-block; font: 600 11px/1 'Manrope', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #8a5a1f; margin-bottom: 4px; }
#discount-calculator .cash-discount__value { display: block; font: 800 40px/1 'Manrope', sans-serif; color: #a67c3a; letter-spacing: -0.02em; }
#discount-calculator .cash-discount__total { margin-top: 14px; padding-top: 14px; border-top: 1px dashed rgba(166,124,58,0.3); }
#discount-calculator .cash-discount__total-heading { font: 500 13px/1 'Manrope', sans-serif; color: #7a6a4e; }
#discount-calculator .cash-discount__total-price { font: 800 24px/1.1 'Manrope', sans-serif; color: #14100d; margin-top: 4px; }

#discount-calculator .discount-calc__mortgage-total { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(166,124,58,0.18); font: 500 14px/1.3 'Manrope', sans-serif; color: #7a6a4e; }
#discount-calculator .discount-calc__mortgage-price { font: 800 24px/1.1 'Manrope', sans-serif; color: #14100d; margin-top: 6px; }

/* экономия — золотая лента-акцент */
#discount-calculator .discount-calc__savings {
  margin-top: 26px; text-align: center; padding: 16px; border-radius: 14px;
  background: linear-gradient(135deg, #faf4e8, #f3e7cf); border: 1px solid rgba(166,124,58,0.25);
  font: 600 17px/1.3 'Manrope', sans-serif; color: #14100d;
}
#discount-calculator .discount-calc__savings-amount { color: #a67c3a; font-weight: 800; font-size: 1.12em; }

/* подвал — соглашение + золотая CTA-таблетка (канон) */
#discount-calculator .discount-calc__footer { margin-top: 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
#discount-calculator .discount-calc__terms { font: 400 12px/1.4 'Manrope', sans-serif; color: #8a7a5e; }
#discount-calculator .discount-calc__terms a { color: #8a5a1f; }
#discount-calculator .discount-calc__btn {
  display: inline-flex; align-items: center; justify-content: center; padding: 15px 34px; border-radius: 30px;
  background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a); color: #1a120a;
  font: 600 14px/1 'Manrope', sans-serif; letter-spacing: .04em; text-decoration: none; cursor: pointer; border: 0;
  box-shadow: 0 12px 26px rgba(166,124,58,0.3); transition: transform .2s ease, box-shadow .2s ease;
}
#discount-calculator .discount-calc__btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166,124,58,0.42); }

@media (max-width: 860px) {
  #discount-calculator .discount-calc__columns { grid-template-columns: 1fr; }
  #discount-calculator .discount-calc__cash { padding-right: 0; }
  #discount-calculator .discount-calc__mortgage { border-left: 0; border-top: 1px solid rgba(166,124,58,0.2); padding-left: 0; padding-top: 24px; margin-top: 8px; }
  #discount-calculator .discount-calc__footer { flex-direction: column; align-items: stretch; }
  #discount-calculator .discount-calc__btn { width: 100%; }
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R6b — КАТАЛОГ-ФИЛЬТР (.category-filter + .page-range) — /houses/, архивы   ║
   ║  Кремовая панель, gold border-top, 3 range-слайдера + колонка кнопок.       ║
   ║  Слайдеры красит scandi-redesign.js (gold inline fill); тут — форма+бегунок.║
   ║  .category-filter — класс только у catalog.php, конфликта с calc нет.        ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

.category-filter {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto 56px;
  padding: 30px 34px 26px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 210px);
  gap: 26px 34px;
  align-items: end;
  background: linear-gradient(135deg, var(--c-cream-card) 0%, var(--c-cream-panel) 58%, var(--c-cream-2) 100%);
  border: 1px solid var(--c-cream-border);
  border-top: 2px solid var(--c-gold);
  border-radius: var(--r-card);
  box-shadow:
    0 18px 44px rgba(60, 40, 20, 0.12),
    0 4px 12px rgba(60, 40, 20, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.category-filter__col {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

.category-filter__heading {
  display: block;
  margin: 0;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-gold-dark);
}

.category-filter .page-range {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.category-filter .page-range__heading {
  margin: 0;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--c-ink-2);
}

.category-filter .page-range__heading [data-range-value] {
  color: var(--c-ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Range bar — JS paints the inline gold two-tone fill; CSS handles shape + thumb.
   #ece1cd fallback track shows until scandi-redesign.js repaints (or if JS fails). */
.category-filter .page-range__slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  margin: 5px 0;
  border-radius: 999px;
  background: #ece1cd;
  outline: none;
  cursor: pointer;
}
.category-filter .page-range__slider::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
}
.category-filter .page-range__slider::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: transparent;
}
.category-filter .page-range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -7px;
  border-radius: 50%;
  background: var(--c-gold-grad);
  border: 2px solid #fffdf8;
  box-shadow: 0 2px 8px rgba(166, 124, 58, 0.5), 0 0 0 1px rgba(166, 124, 58, 0.28);
  cursor: pointer;
  transition: transform var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);
}
.category-filter .page-range__slider::-webkit-slider-thumb:hover {
  transform: scale(1.14);
  box-shadow: 0 4px 14px rgba(166, 124, 58, 0.6), 0 0 0 1px rgba(166, 124, 58, 0.35);
}
.category-filter .page-range__slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #c19a5b;
  border: 2px solid #fffdf8;
  box-shadow: 0 2px 8px rgba(166, 124, 58, 0.5);
  cursor: pointer;
}

.category-filter__col--btn {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  padding-left: 6px;
}

.category-filter__btn {
  width: 100%;
  padding: 14px 22px;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1a1410;
  background: var(--c-gold-grad);
  border: 0;
  border-radius: var(--r-ctrl);
  box-shadow: var(--sh-glow);
  cursor: pointer;
  transition: transform var(--d-fast) var(--ease), filter var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);
}
.category-filter__btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 12px 30px rgba(193, 154, 91, 0.5);
}
.category-filter__btn:active { transform: translateY(0); }

.category-filter__reset {
  all: unset;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  text-align: center;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--c-ink-2);
  cursor: pointer;
  transition: color var(--d-fast) var(--ease);
}
.category-filter__reset:hover {
  color: var(--c-gold-dark);
  text-decoration: underline;
}

@media (max-width: 991px) {
  .category-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 30px;
    padding: 28px;
  }
  .category-filter__col--btn {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding-left: 0;
    margin-top: 4px;
  }
  .category-filter__btn { width: auto; flex: 1 1 auto; }
  .category-filter__reset { width: auto; white-space: nowrap; }
}

@media (max-width: 600px) {
  .category-filter {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 24px 20px;
    margin-bottom: 40px;
  }
  .category-filter__col--btn {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .category-filter__btn { width: 100%; }
  .category-filter__reset { width: 100%; }
}

/* Пустой результат фильтра (JS пишет текст в [data-catalog-message]/.catalog-warning) */
#catalog [data-catalog-message]:not(:empty),
#catalog .catalog-warning,
.catalog .catalog-warning {
  max-width: 1280px;
  margin: 0 auto 32px;
  padding: 22px 26px;
  text-align: center;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--c-ink-2);
  background: var(--c-cream-card);
  border: 1px dashed var(--c-cream-border);
  border-radius: var(--r-card);
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R6c — POPUP «Получить КП» (.scandi-kp) — self-contained, clean-mode only   ║
   ║  Открывается JS из hover-кнопки карточки. Форма .cbf шлёт лид через         ║
   ║  делегированный parent-handler. Полный форм-слой — CR.8.                     ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
.scandi-kp {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
}
.scandi-kp.is-open { display: block; }
.scandi-kp__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 8, 5, 0.62);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.scandi-kp__card {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: min(420px, calc(100vw - 32px));
  margin: clamp(56px, 12vh, 140px) auto 40px;
  background: linear-gradient(180deg, var(--c-cream-card), var(--c-cream-panel));
  border: 1px solid var(--c-cream-border);
  border-top: 3px solid var(--c-gold);
  border-radius: var(--r-card);
  box-shadow: 0 40px 90px -20px rgba(20, 16, 13, 0.6), 0 12px 28px rgba(20, 16, 13, 0.28);
  padding: 34px 32px 28px;
  animation: scandiKpIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes scandiKpIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.scandi-kp__x {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  color: var(--c-ink-2);
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}
.scandi-kp__x:hover { background: rgba(166, 124, 58, 0.12); color: var(--c-gold-dark); }
.scandi-kp__eyebrow {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--c-gold-dark);
  margin-bottom: 8px;
}
.scandi-kp__title {
  font-family: var(--font-display);
  font-size: 23px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--c-ink);
  margin: 0 0 8px;
}
.scandi-kp__sub {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.5;
  color: var(--c-ink-2);
  margin: 0 0 20px;
}
.scandi-kp__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.scandi-kp__field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.scandi-kp__field label {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--c-ink-2);
}
.scandi-kp__field input {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  font-family: var(--font-ui);
  font-size: 15px;
  color: var(--c-ink);
  background: #fff;
  border: 1px solid var(--c-cream-border);
  border-radius: var(--r-ctrl);
  transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.scandi-kp__field input:focus {
  outline: none;
  border-color: var(--c-gold);
  box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.18);
}
.scandi-kp__btn {
  width: 100%;
  margin-top: 4px;
  padding: 14px 22px;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #1a1410;
  background: var(--c-gold-grad);
  border: 0;
  border-radius: var(--r-ctrl);
  box-shadow: var(--sh-glow);
  cursor: pointer;
  transition: transform 0.18s var(--ease), filter 0.18s var(--ease), box-shadow 0.18s var(--ease);
}
.scandi-kp__btn:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 12px 30px rgba(193, 154, 91, 0.5); }
.scandi-kp__btn:active { transform: translateY(0); }
.scandi-kp__legal {
  font-family: var(--font-ui);
  font-size: 11px;
  line-height: 1.4;
  color: var(--c-ink-3);
  margin: 14px 0 0;
  text-align: center;
}
.scandi-kp__legal a { color: var(--c-gold-dark); text-decoration: underline; }
html.scandi-kp-lock { overflow: hidden; }
@media (max-width: 520px) {
  .scandi-kp__card { margin-top: 40px; padding: 28px 20px 22px; }
  .scandi-kp__title { font-size: 21px; }
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R7 — ГЛАВНАЯ: средние/нижние блоки                                        ║
   ║  .build-stages (этапы) · .about-company (о компании) · .cert-container     ║
   ║  (сертификаты) · .block-with-video · .scandi-mortgage (ипотека+банки) ·    ║
   ║  .our-works / .scandi-works (реализованные) · .reviews. Порт начисто.       ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

/* R7e базовая зачистка: старый ТЁМНЫЙ build-stages убран — полный cream-порт
   логики (карточки-шаги / круги / бледные номера / пунктирные стрелки / финал)
   ниже. ВАЖНО: НЕ использовать широкий `[class*="step-"]` — он ловил и
   `.step-cards__row` (рисовал border/паддинг на ряду). */
section.build-stages {
  background: var(--c-cream);
  color: var(--c-ink);
}
section.build-stages .desc,
section.build-stages .b-title { color: var(--c-ink-2); }

/* ╔══ R7e — «КАК МЫ РАБОТАЕМ» (.build-stages): порт ЛОГИКИ продакшена ════════╗
   Карточки-шаги: круглая иллюстрация + крупный БЛЕДНЫЙ номер + «шаг» + title/desc.
   Пунктирные gold-стрелки между шагами + длинная пунктирная кривая между рядами.
   Финал «Добро пожаловать домой» = ОБЪЕДИНЁННАЯ карточка ×2: текст слева +
   картинка (ключи+дом) справа, ВЫСТУПАЕТ за правый край. Cream-канон.
   Единый источник: старые тёмные/Claude-Design кластеры build-stages удалены. ╚═╝ */

section.build-stages,
.build-stages {
  background:
    radial-gradient(circle, rgba(166,124,58,0.10) 1px, transparent 1.5px),
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(212,173,110,0.10), transparent 70%),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
  background-size: 24px 24px, auto, auto;
  background-color: #ebe1cd;
  color: var(--c-ink);
  padding: clamp(36px, 3.5vw, 56px) 0;
  position: relative;
  overflow: hidden; /* welcome bg-image выступает вправо — режем по краю секции */
}

section.build-stages .section-title,
section.build-stages h2 {
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0 0 clamp(40px, 4.5vw, 60px);
  color: var(--c-ink);
  -webkit-text-fill-color: var(--c-ink);
}
section.build-stages .section-title i,
section.build-stages h2 i {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}

section.build-stages .step-cards { max-width: 1240px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; }

/* ── ряды: сетка 4-кол + слой коннекторов ── */
section.build-stages .step-cards__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  position: relative;
  padding: 20px 0;
  background: transparent;
}
section.build-stages .step-cards__row:first-child { padding-top: 0; }
section.build-stages .step-cards__row:last-child  { padding-bottom: 0; }

/* длинная пунктирная кривая между рядами */
section.build-stages .step-cards__row::after {
  content: ''; position: absolute; left: 0; bottom: 3px;
  width: 116.5%; aspect-ratio: 1377 / 410;
  transform: translate(-6.8%, 50%);
  background: url('data:image/svg+xml,<svg width="1377" height="410" viewBox="0 0 1377 410" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1295.22 3C1295.22 4.47276 1296.41 5.66667 1297.88 5.66667C1299.36 5.66667 1300.55 4.47276 1300.55 3C1300.55 1.52724 1299.36 0.333333 1297.88 0.333333C1296.41 0.333333 1295.22 1.52724 1295.22 3ZM1269.63 206V206.5H1269.64L1269.65 206.5L1269.63 206ZM92 206.5H95.5049V205.5H92V206.5ZM102.515 206.5H109.524V205.5H102.515V206.5ZM116.534 206.5H123.544V205.5H116.534V206.5ZM130.553 206.5H137.563V205.5H130.553V206.5ZM144.573 206.5H151.583V205.5H144.573V206.5ZM158.592 206.5H165.602V205.5H158.592V206.5ZM172.612 206.5H179.622V205.5H172.612V206.5ZM186.631 206.5H193.641V205.5H186.631V206.5ZM200.651 206.5H207.66V205.5H200.651V206.5ZM214.67 206.5H221.68V205.5H214.67V206.5ZM228.69 206.5H235.699V205.5H228.69V206.5ZM242.709 206.5H249.719V205.5H242.709V206.5ZM256.728 206.5H263.738V205.5H256.728V206.5ZM270.748 206.5H277.758V205.5H270.748V206.5ZM284.767 206.5H291.777V205.5H284.767V206.5ZM298.787 206.5H305.796V205.5H298.787V206.5ZM312.806 206.5H319.816V205.5H312.806V206.5ZM326.826 206.5H333.835V205.5H326.826V206.5ZM340.845 206.5H347.855V205.5H340.845V206.5ZM354.865 206.5H361.874V205.5H354.865V206.5ZM368.884 206.5H375.894V205.5H368.884V206.5ZM382.903 206.5H389.913V205.5H382.903V206.5ZM396.923 206.5H403.933V205.5H396.923V206.5ZM410.942 206.5H417.952V205.5H410.942V206.5ZM424.962 206.5H431.972V205.5H424.962V206.5ZM438.981 206.5H445.991V205.5H438.981V206.5ZM453.001 206.5H460.011V205.5H453.001V206.5ZM467.02 206.5H474.03V205.5H467.02V206.5ZM481.04 206.5H488.049V205.5H481.04V206.5ZM495.059 206.5H502.069V205.5H495.059V206.5ZM509.079 206.5H516.088V205.5H509.079V206.5ZM523.098 206.5H530.108V205.5H523.098V206.5ZM537.118 206.5H544.127V205.5H537.118V206.5ZM551.137 206.5H558.147V205.5H551.137V206.5ZM565.157 206.5H572.166V205.5H565.157V206.5ZM579.176 206.5H586.186V205.5H579.176V206.5ZM593.195 206.5H600.205V205.5H593.195V206.5ZM607.215 206.5H614.225V205.5H607.215V206.5ZM621.234 206.5H628.244V205.5H621.234V206.5ZM635.254 206.5H642.263V205.5H635.254V206.5ZM649.273 206.5H656.283V205.5H649.273V206.5ZM663.293 206.5H670.302V205.5H663.293V206.5ZM677.312 206.5H684.322V205.5H677.312V206.5ZM691.331 206.5H698.341V205.5H691.331V206.5ZM705.351 206.5H712.361V205.5H705.351V206.5ZM719.37 206.5H726.38V205.5H719.37V206.5ZM733.39 206.5H740.399V205.5H733.39V206.5ZM747.409 206.5H754.419V205.5H747.409V206.5ZM761.429 206.5H768.438V205.5H761.429V206.5ZM775.448 206.5H782.458V205.5H775.448V206.5ZM789.467 206.5H796.477V205.5H789.467V206.5ZM803.487 206.5H810.496V205.5H803.487V206.5ZM817.506 206.5H824.516V205.5H817.506V206.5ZM831.526 206.5H838.535V205.5H831.526V206.5ZM845.545 206.5H852.555V205.5H845.545V206.5ZM859.564 206.5H866.574V205.5H859.564V206.5ZM873.584 206.5H880.593V205.5H873.584V206.5ZM887.603 206.5H894.613V205.5H887.603V206.5ZM901.623 206.5H908.632V205.5H901.623V206.5ZM915.642 206.5H922.652V205.5H915.642V206.5ZM929.661 206.5H936.671V205.5H929.661V206.5ZM943.681 206.5H950.69V205.5H943.681V206.5ZM957.7 206.5H964.71V205.5H957.7V206.5ZM971.72 206.5H978.729V205.5H971.72V206.5ZM985.739 206.5H992.749V205.5H985.739V206.5ZM999.758 206.5H1006.77V205.5H999.758V206.5ZM1013.78 206.5H1020.79V205.5H1013.78V206.5ZM1027.8 206.5H1034.81V205.5H1027.8V206.5ZM1041.82 206.5H1048.83V205.5H1041.82V206.5ZM1055.84 206.5H1062.85V205.5H1055.84V206.5ZM1069.86 206.5H1076.87V205.5H1069.86V206.5ZM1083.87 206.5H1090.88V205.5H1083.87V206.5ZM1097.89 206.5H1104.9V205.5H1097.89V206.5ZM1111.91 206.5H1118.92V205.5H1111.91V206.5ZM1125.93 206.5H1132.94V205.5H1125.93V206.5ZM1139.95 206.5H1146.96V205.5H1139.95V206.5ZM1153.97 206.5H1160.98V205.5H1153.97V206.5ZM1167.99 206.5H1175V205.5H1167.99V206.5ZM1182.01 206.5H1189.02V205.5H1182.01V206.5ZM1196.03 206.5H1203.04V205.5H1196.03V206.5ZM1210.05 206.5H1217.06V205.5H1210.05V206.5ZM1224.07 206.5H1231.08V205.5H1224.07V206.5ZM1238.09 206.5H1245.1V205.5H1238.09V206.5ZM1252.11 206.5H1259.12V205.5H1252.11V206.5ZM1266.13 206.5H1269.63V205.5H1266.13V206.5ZM1269.65 206.5C1270.9 206.46 1272.14 206.415 1273.36 206.363L1273.32 205.364C1272.1 205.415 1270.86 205.461 1269.62 205.5L1269.65 206.5ZM1280.56 205.978C1282.97 205.822 1285.33 205.639 1287.64 205.432L1287.55 204.437C1285.25 204.643 1282.9 204.824 1280.5 204.98L1280.56 205.978ZM1294.86 204.684C1297.26 204.399 1299.61 204.085 1301.89 203.743L1301.74 202.754C1299.47 203.095 1297.13 203.407 1294.74 203.691L1294.86 204.684ZM1309.04 202.543C1311.44 202.093 1313.78 201.609 1316.04 201.091L1315.82 200.116C1313.57 200.631 1311.25 201.113 1308.85 201.56L1309.04 202.543ZM1322.98 199.333C1325.38 198.664 1327.69 197.953 1329.91 197.201L1329.58 196.254C1327.38 197 1325.09 197.706 1322.71 198.37L1322.98 199.333ZM1336.58 194.707C1338.87 193.765 1341.05 192.774 1343.13 191.735L1342.68 190.841C1340.63 191.868 1338.47 192.849 1336.2 193.782L1336.58 194.707ZM1349.46 188.209C1351.57 186.903 1353.55 185.537 1355.39 184.115L1354.78 183.323C1352.97 184.723 1351.02 186.07 1348.93 187.359L1349.46 188.209ZM1360.83 179.391C1362.59 177.663 1364.19 175.868 1365.63 174.012L1364.84 173.398C1363.43 175.218 1361.86 176.98 1360.13 178.678L1360.83 179.391ZM1369.64 168.012C1370.85 165.9 1371.88 163.725 1372.75 161.493L1371.82 161.129C1370.96 163.317 1369.95 165.448 1368.77 167.517L1369.64 168.012ZM1374.9 154.599C1375.46 152.275 1375.86 149.902 1376.12 147.485L1375.13 147.377C1374.87 149.754 1374.47 152.086 1373.93 154.367L1374.9 154.599ZM1376.5 140.28C1376.5 137.911 1376.37 135.508 1376.14 133.076L1375.14 133.172C1375.37 135.575 1375.5 137.946 1375.5 140.282L1376.5 140.28ZM1375.15 125.932C1374.73 123.602 1374.22 121.251 1373.63 118.882L1372.66 119.125C1373.25 121.473 1373.75 123.802 1374.16 126.108L1375.15 125.932ZM1371.67 111.978C1370.96 109.726 1370.18 107.462 1369.33 105.19L1368.4 105.539C1369.24 107.796 1370.01 110.044 1370.71 112.279L1371.67 111.978ZM1366.68 98.5144C1365.75 96.3299 1364.77 94.1405 1363.74 91.9489L1362.83 92.375C1363.86 94.5553 1364.84 96.7328 1365.76 98.9045L1366.68 98.5144ZM1360.55 85.4916C1359.47 83.3823 1358.34 81.2736 1357.17 79.1682L1356.3 79.6534C1357.46 81.7501 1358.58 83.8496 1359.66 85.9492L1360.55 85.4916ZM1353.6 72.9459C1352.38 70.896 1351.14 68.8517 1349.85 66.8152L1349.01 67.3474C1350.28 69.3768 1351.53 71.4137 1352.74 73.4558L1353.6 72.9459ZM1345.96 60.7787C1344.64 58.7897 1343.3 56.8108 1341.93 54.8442L1341.11 55.415C1342.47 57.3757 1343.81 59.3485 1345.12 61.331L1345.96 60.7787ZM1337.77 48.9935C1336.36 47.0566 1334.93 45.1342 1333.49 43.2287L1332.69 43.8324C1334.13 45.7327 1335.56 47.6499 1336.96 49.5814L1337.77 48.9935ZM1329.11 37.5546C1327.62 35.6663 1326.12 33.7976 1324.61 31.9509L1323.84 32.5837C1325.35 34.4258 1326.84 36.2898 1328.32 38.1732L1329.11 37.5546ZM1320.02 26.4298C1318.47 24.5927 1316.9 22.7811 1315.34 20.9975L1314.59 21.6568C1316.15 23.4362 1317.71 25.2435 1319.26 27.076L1320.02 26.4298ZM1310.58 15.6595C1308.95 13.8633 1307.32 12.1002 1305.69 10.373L1304.97 11.0579C1306.58 12.7808 1308.21 14.5397 1309.84 16.3316L1310.58 15.6595ZM1300.72 5.17754C1299.89 4.32381 1299.06 3.48049 1298.24 2.64798L1297.53 3.35202C1298.35 4.18239 1299.18 5.02357 1300.01 5.87516L1300.72 5.17754Z" fill="%23c9ad74"/><path d="M79.8039 409C80.08 409 80.3036 408.776 80.3032 408.499L80.2975 403.999C80.2971 403.723 80.073 403.5 79.7968 403.5C79.5207 403.5 79.2971 403.725 79.2975 404.001L79.3026 408.001L75.3026 408.006C75.0264 408.006 74.8029 408.23 74.8032 408.506C74.8036 408.783 75.0277 409.006 75.3039 409.006L79.8039 409ZM108.288 205.5C107.09 205.538 105.905 205.581 104.731 205.629L104.772 206.628C105.943 206.58 107.125 206.537 108.319 206.5L108.288 205.5ZM97.827 205.986C95.5379 206.129 93.2961 206.294 91.101 206.481L91.1859 207.478C93.3733 207.291 95.6075 207.126 97.8893 206.984L97.827 205.986ZM84.138 207.166C81.8674 207.419 79.6506 207.698 77.4867 208.002L77.6255 208.992C79.7799 208.69 81.9874 208.412 84.249 208.159L84.138 207.166ZM70.5417 209.09C68.2726 209.485 66.0672 209.91 63.9243 210.363L64.1311 211.341C66.2618 210.891 68.4555 210.469 70.7132 210.076L70.5417 209.09ZM57.1122 211.951C54.8443 212.532 52.6543 213.149 50.5407 213.799L50.8348 214.755C52.9327 214.109 55.1072 213.497 57.3604 212.92L57.1122 211.951ZM44.0253 216C41.7884 216.828 39.649 217.698 37.6046 218.611L38.0121 219.524C40.0357 218.621 42.1548 217.758 44.3722 216.938L44.0253 216ZM31.4615 221.628C29.3849 222.75 27.4249 223.922 25.578 225.142L26.1291 225.976C27.9504 224.773 29.885 223.616 31.9368 222.508L31.4615 221.628ZM19.9819 229.262C18.1481 230.769 16.4567 232.335 14.9022 233.956L15.624 234.648C17.1503 233.056 18.8126 231.517 20.6169 230.034L19.9819 229.262ZM10.4533 239.239C9.06738 241.126 7.83783 243.073 6.75749 245.075L7.63753 245.549C8.69587 243.588 9.90067 241.681 11.2592 239.831L10.4533 239.239ZM3.90899 251.369C3.10748 253.528 2.45497 255.738 1.94345 257.993L2.9187 258.215C3.42078 256 4.06086 253.833 4.84644 251.717L3.90899 251.369ZM0.832278 264.812C0.599681 267.075 0.491489 269.376 0.5004 271.71L1.50039 271.706C1.49161 269.406 1.59826 267.14 1.82704 264.914L0.832278 264.812ZM0.851856 278.608C1.06859 280.866 1.38324 283.149 1.78973 285.453L2.77453 285.28C2.37233 283 2.06135 280.743 1.84728 278.512L0.851856 278.608ZM3.21992 292.189C3.76115 294.381 4.37774 296.587 5.06475 298.806L6.02001 298.51C5.33839 296.309 4.72707 294.121 4.19075 291.949L3.21992 292.189ZM7.26774 305.32C8.04723 307.45 8.88618 309.588 9.78036 311.732L10.7033 311.347C9.8145 309.216 8.98099 307.092 8.20683 304.977L7.26774 305.32ZM12.5622 318.043C13.5164 320.099 14.5173 322.158 15.5614 324.218L16.4533 323.765C15.4142 321.716 14.4184 319.667 13.4693 317.622L12.5622 318.043ZM18.7633 330.291C19.8565 332.29 20.9871 334.286 22.1517 336.278L23.015 335.774C21.855 333.789 20.7291 331.801 19.6406 329.811L18.7633 330.291ZM25.7038 342.175C26.9038 344.11 28.133 346.039 29.3885 347.96L30.2256 347.413C28.9743 345.499 27.7493 343.576 26.5537 341.648L25.7038 342.175ZM33.2124 353.669C34.5061 355.556 35.8226 357.432 37.1588 359.297L37.9716 358.714C36.6393 356.855 35.3268 354.985 34.0371 353.104L33.2124 353.669ZM41.2143 364.838C42.5863 366.676 43.9751 368.499 45.3777 370.306L46.1676 369.692C44.7688 367.89 43.3838 366.072 42.0155 364.24L41.2143 364.838ZM49.6368 375.692C51.0765 377.481 52.5271 379.251 53.9856 381L54.7537 380.359C53.2988 378.614 51.8518 376.849 50.4157 375.065L49.6368 375.692ZM58.4356 386.246C59.9419 387.992 61.4531 389.715 62.966 391.411L63.7123 390.746C62.203 389.053 60.6954 387.335 59.1928 385.593L58.4356 386.246ZM67.5674 396.487C69.137 398.19 70.7047 399.862 72.2668 401.502L72.9908 400.812C71.4325 399.177 69.8686 397.508 68.3028 395.809L67.5674 396.487ZM77.0582 406.448C77.8581 407.259 78.6556 408.062 79.4501 408.854L80.1563 408.146C79.3639 407.356 78.5684 406.555 77.7704 405.746L77.0582 406.448Z" fill="%23c9ad74"/></svg>') no-repeat; background-size: 100% 100%;
  pointer-events: none; z-index: 0;
}
section.build-stages .step-cards__row:last-child::after { display: none; }
@media (max-width: 1366px) { section.build-stages .step-cards__row::after { display: none; } }

/* ── карточка-шаг ── */
section.build-stages .step-cards__item,
section.build-stages .step-card {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  box-sizing: border-box;
  background: linear-gradient(135deg, rgba(255,252,245,0.97) 0%, rgba(245,235,215,0.93) 100%);
  border: 1px solid rgba(166,124,58,0.26);
  border-radius: var(--r-card);
  box-shadow: 0 12px 30px rgba(120,90,50,0.10), 0 3px 10px rgba(120,90,50,0.05), inset 0 1px 0 rgba(255,255,255,0.5);
  padding: 22px 24px 28px 22px;
  overflow: visible;
  transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), border-color 0.35s var(--ease);
}
section.build-stages .step-cards__item:hover {
  transform: translateY(-5px);
  border-color: rgba(166,124,58,0.5);
  box-shadow: 0 22px 48px rgba(120,90,50,0.16), 0 0 0 1px rgba(212,173,110,0.28), inset 0 1px 0 rgba(255,255,255,0.5);
}

/* маленькая дугообразная стрелка между шагами в ряду */
section.build-stages .step-cards__item::after {
  content: ''; position: absolute; top: 24px; left: -28px;
  width: 78px; height: 36px; transform: translateX(-50%);
  background: url('data:image/svg+xml,<svg width="82" height="38" viewBox="0 0 82 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Arrow 3" d="M78.7055 13.4017L78.0364 14.1449L78.7055 13.4017ZM80.4016 15.8799C80.9531 15.8509 81.3767 15.3803 81.3478 14.8288L80.8755 5.8412C80.8466 5.28967 80.376 4.86607 79.8244 4.89504C79.2729 4.92402 78.8493 5.39461 78.8783 5.94614L79.2981 13.9351L71.3091 14.3549C70.7575 14.3838 70.3339 14.8544 70.3629 15.406C70.3919 15.9575 70.8625 16.3811 71.414 16.3521L80.4016 15.8799ZM78.0364 14.1449L79.6801 15.6245L81.0182 14.138L79.3745 12.6585L78.0364 14.1449ZM2.14474 37.6256C10.3937 3.59041 52.008 -9.28493 78.0364 14.1449L79.3745 12.6585C52.2206 -11.7846 8.80665 1.64753 0.201017 37.1545L2.14474 37.6256Z" fill="%23c9ad74"/></svg>') no-repeat; background-size: 100% 100%;
  pointer-events: none; z-index: 3;
}
section.build-stages .step-cards__row .step-cards__item:first-child::after { display: none; }
@media (max-width: 1080px) { section.build-stages .step-cards__item::after { display: none; } }

/* header: круглая иллюстрация + крупный бледный номер внахлёст */
section.build-stages .step-card__header {
  display: grid; grid-template-columns: minmax(0,100px) minmax(0,1fr);
  align-items: flex-end; gap: 0; margin: 0 0 16px; padding: 0; background: none;
}
section.build-stages .step-card__preview {
  display: block; box-sizing: border-box; padding: 0;
  border-radius: 50%; border: 5px solid #fff;
  box-shadow: 0 0 0 1px rgba(193,154,91,0.4), 0 6px 16px rgba(60,40,20,0.14);
  overflow: hidden; aspect-ratio: 1/1; background: var(--c-cream-2);
}
section.build-stages .step-card__image {
  display: block; width: 100%; height: 100%; aspect-ratio: 1/1;
  object-fit: cover; object-position: center; border-radius: 50%; margin: 0;
  transition: transform 0.45s var(--ease);
}
section.build-stages .step-card:hover .step-card__image { transform: scale(1.1); }

section.build-stages .step-card__heading {
  display: block; background: linear-gradient(135deg, rgba(255,252,245,0.97), rgba(245,235,215,0.93));
  transform: translateX(-22px); padding: 0 0 4px 16px; white-space: nowrap; margin: 0;
}
section.build-stages .step-card__num {
  display: inline; font-family: var(--font-display);
  font-size: 66px; font-weight: 800; line-height: 1; letter-spacing: -0.02em;
  color: rgba(166,124,58,0.22); -webkit-text-fill-color: rgba(166,124,58,0.22);
  background: none; text-shadow: none; margin: 0; text-transform: uppercase;
}
section.build-stages .step-card__label {
  display: block; font-family: var(--font-ui);
  font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--c-gold-dark); margin: 0;
}
/* counter-disc из старого Claude-Design — выключаем (используем номер+«шаг») */
section.build-stages .step-cards__item::before,
section.build-stages .step-card::before { content: none !important; }

section.build-stages .step-card__body { flex: 1; background: none; padding: 0; margin: 0; }
section.build-stages .step-card__title {
  display: block; background: none; transform: none; white-space: normal;
  font-family: var(--font-ui); font-size: 13px; font-weight: 700;
  letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.32;
  color: var(--c-ink); margin: 0 0 12px;
}
section.build-stages .step-card__desc {
  display: block; font-family: var(--font-ui); font-size: 13.5px; font-weight: 400;
  line-height: 1.55; letter-spacing: 0; color: var(--c-ink-2);
}

/* ── ФИНАЛ «Добро пожаловать домой» = объединённая карточка ×2 ── */
section.build-stages .step-cards__item--bigger {
  grid-column: span 2;
  display: grid; grid-template-columns: minmax(0,44fr) minmax(0,56fr);
  align-items: stretch; gap: 0;
  min-height: 230px;
  background: linear-gradient(135deg, var(--c-cream-card) 0%, var(--c-cream-panel) 100%);
  border: 1px solid rgba(193,154,91,0.42); border-top: 2px solid var(--c-gold);
  box-shadow: 0 18px 46px rgba(60,40,20,0.15), 0 5px 14px rgba(166,124,58,0.10);
  padding: 26px 0 26px 30px; overflow: visible;
}
section.build-stages .step-cards__item--bigger .step-card__content {
  display: flex; flex-direction: column; justify-content: center;
  position: relative; z-index: 2;
  margin-right: -38px; /* подложка слегка наезжает на фото → премиальный glass-эффект */
  padding: 24px 26px;
  background: rgba(255, 253, 248, 0.74);
  -webkit-backdrop-filter: blur(7px) saturate(1.1);
  backdrop-filter: blur(7px) saturate(1.1);
  border: 1px solid rgba(193, 154, 91, 0.22);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(60, 40, 20, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
/* контент финала — только заголовок+текст; дубль-фото (preview) прячем */
section.build-stages .step-cards__item--bigger .step-card__header,
section.build-stages .step-cards__item--bigger .step-card__content .step-card__preview { display: none; }
section.build-stages .step-cards__item--bigger .step-card__title {
  color: var(--c-gold-dark); font-size: 20px; font-weight: 800;
  letter-spacing: 0.02em; text-transform: uppercase; line-height: 1.15; margin: 0 0 12px;
}
section.build-stages .step-cards__item--bigger::after {
  background: url('data:image/svg+xml,<svg width="138" height="52" viewBox="0 0 138 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Arrow 1" d="M133.459 28.7519L134.218 28.1014L134.218 28.1014L133.459 28.7519ZM135.748 32.5113C136.298 32.5538 136.779 32.1419 136.822 31.5913L137.515 22.618C137.557 22.0674 137.145 21.5865 136.595 21.544C136.044 21.5015 135.563 21.9134 135.521 22.464L134.905 30.4402L126.928 29.8242C126.378 29.7816 125.897 30.1935 125.854 30.7442C125.812 31.2948 126.224 31.7757 126.774 31.8182L135.748 32.5113ZM132.699 29.4025L135.065 32.1648L136.584 30.8637L134.218 28.1014L132.699 29.4025ZM2.84196 51.757C23.7042 -2.45507 94.9099 -14.7129 132.699 29.4025L134.218 28.1014C95.4436 -17.1641 22.3816 -4.58673 0.9754 51.0387L2.84196 51.757Z" fill="%23c19a5b"/></svg>') no-repeat; background-size: 100% 100%;
  width: 78px; height: 60px; left: -30px; top: -16px; transform: translateX(-50%);
}
/* Картинка финала = CSS background (грузится всегда, без lazy/JS-гонки), шире
   колонки → ВЫСТУПАЕТ за правый край (режется по краю секции). <img> прячем. */
section.build-stages .step-cards__item--bigger .step-card__bg {
  display: block; position: relative; align-self: stretch;
  height: 100%; width: 116%; overflow: hidden;
  background: url('../assets/build-stages/step-7-welcome.webp') center/cover no-repeat;
  border-radius: 0 var(--r-card) var(--r-card) 0;
}
section.build-stages .step-card__bg-image { display: none; }
@media (max-width: 1366px) { section.build-stages .step-cards__item--bigger .step-card__bg { width: 110%; } }

/* минимальный вариант (финал в конце ряда / без bg) — обычная карточка-шаг */
@media (min-width: 1081px) {
  section.build-stages .step-cards__item--minimal { grid-column: span 1; display: flex; }
  section.build-stages .step-cards__item--minimal .step-card__bg { display: none; }
}

/* ── планшет/мобайл ── */
@media (max-width: 1080px) {
  section.build-stages .step-cards__row { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; padding: 10px 0; }
  section.build-stages .step-cards__item--bigger { grid-column: span 2; grid-template-columns: minmax(0,1fr); }
  section.build-stages .step-card__bg { display: none; }
}
@media (max-width: 600px) {
  section.build-stages .step-cards__row { grid-template-columns: minmax(0,1fr); gap: 18px; }
  section.build-stages .step-cards__item--bigger { grid-column: span 1; }
  section.build-stages .step-card__num { font-size: 56px; }
}

/* cross-block border-resets (сохранены из старого кластера, БЕЗ build-stages) */
section.our-works [class*="card"] *,
section.realty-tour [class*="container-card"] *,
section.mortgage-calling [class*="mortgage-calling__"],
.cbform [class*="container-card"] *,
section.block-with-video [class*="block-with-video__"] {
  border-width: 0; border-style: none; outline-width: 0;
}
section.our-works .item,
section.our-works > .container > div > .item { border: 1px solid rgba(193,154,91,0.22); }


.about-company {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
  linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
  background-size: 26px 26px, auto;
  padding: 100px 0;
}

.about-company .section-title,
.about-company h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #1a1410;
  text-align: center;
  margin-bottom: 56px;
}

.about-company .section-title i,
.about-company h2 i {
  font-style: normal;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.about-company .stat-item,
.about-company .item {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 100%);
  backdrop-filter: blur(20px) saturate(1.3);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-top: 2px solid #a67c3a;
  border-radius: 12px;
  padding: 28px 24px;
  text-align: center;
  box-shadow:
  0 8px 24px rgba(120, 90, 50, 0.10),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  transition: all 0.4s ease;
}

.about-company .stat-item:hover,
.about-company .item:hover {
  transform: translateY(-4px);
  box-shadow:
  0 16px 40px rgba(120, 90, 50, 0.18),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

.about-company .num,
.about-company [class*="num"] {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 44px;
  font-weight: 700;
  color: #a67c3a;
  letter-spacing: -0.04em;
  display: block;
  margin-bottom: 6px;
  line-height: 1;
}

.block-with-video {
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
  linear-gradient(180deg, #1a1410 0%, #14100d 100%);
  background-size: 28px 28px, auto;
  padding: 100px 0;
}

.block-with-video h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300;
  text-align: center;
  margin-bottom: 48px;
  color: #f3ecdc;
}

.block-with-video h2 i {
  font-style: normal;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.block-with-video-media,
.block-with-video video,
.block-with-video iframe,
.block-with-video .video-wrapper {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(193, 154, 91, 0.30);
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.18),
  0 24px 60px rgba(0, 0, 0, 0.50);
}

.cert-container {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
  linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%);
  background-size: 24px 24px, auto;
  padding: 80px 0;
}

.our-works {
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
  radial-gradient(ellipse 60% 40% at 50% 100%, rgba(193, 154, 91, 0.10), transparent 70%),
  linear-gradient(180deg, #14100d 0%, #1a1410 100%);
  background-size: 28px 28px, auto, auto;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.our-works .section-title,
.our-works h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 48px;
  color: #f3ecdc;
}

.our-works .section-title i,
.our-works h2 i {
  font-style: normal;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.our-works .item,
.our-works .card,
.our-works [class*="card"]:not(.section-title):not(h2),
.our-works .swiper-slide > * {
  background:
  linear-gradient(135deg, rgba(212, 173, 110, 0.05) 0%, rgba(20, 16, 13, 0.65) 100%);
  backdrop-filter: blur(20px) saturate(1.3);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  border: 1px solid rgba(193, 154, 91, 0.28);
  border-top: 2px solid #c19a5b;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.our-works .item:hover,
.our-works .card:hover,
.our-works .swiper-slide > *:hover {
  transform: translateY(-6px);
  border-color: rgba(212, 173, 110, 0.55);
  box-shadow:
  0 0 32px rgba(193, 154, 91, 0.22),
  0 24px 48px rgba(0, 0, 0, 0.50);
}

section.mortgage-calling {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
  linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%);
  background-size: 24px 24px, auto;
  padding: 80px 0;
}

.mortgage-calling__content h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(24px, 3.5vw, 38px);
  font-weight: 300;
  color: #f3ecdc;
  letter-spacing: -0.02em;
}

.mortgage-calling__content h2 i {
  font-style: normal;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.our-works .swiper-pagination,
.our-works .swiper-pagination-bullets {
  display: none;
}

.our-works .swiper {
  position: relative;
  padding-bottom: 0;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.our-works .swiper-wrapper {
  cursor: grab;
}

.our-works .swiper-wrapper:active {
  cursor: grabbing;
}

.our-works::after {
  content: '';
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.30) 25%, rgba(212, 173, 110, 0.30) 75%, transparent 100%);
  border-radius: 2px;
  pointer-events: none;
  z-index: 5;
}

section.build-stages,
.our-works,
.block-with-video,
section.realty-tour,
.mortgage-calling__inner {
  position: relative;
}

div#cbform-get-catalog,
div#cbform-catalog,
section#cbform-get-catalog,
section#cbform-catalog,
div#cbform-catalog,
section#cbform-catalog,
div#cbform-architect,
section#cbform-architect,
#cbform-get-catalog,
#cbform-catalog,
#cbform-catalog,
#cbform-architect,
#cbform-sample,
#cbform-viewing,
.cbform-get-catalog,
.cbform-architect,
.cbform-sample,
.cbform-viewing,
.cbform:not(#catalog),
.about-company,
#about-company,
.discount-calculator,
.cert-container,
.mortgage-calling,
section.mortgage-calling,
.block-text,
section.block-text,
.seo-section,
section.seo-section,
.seo-section--alt,
section.seo-section--alt,
.seo-cta,
section.seo-cta,
.seo-team-block,
section.seo-team-block,
.geo-work-section,
section.geo-work-section,
.catalog.block-padding:not(#catalog) {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
  radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
  linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
  background-size: 24px 24px, auto, auto;
  background-color: #ebe1cd;
  position: relative;
}

/* .realty-tour и .our-works ВЫНЕСЕНЫ из тёмной темы — они в кремовом
   триптихе «реализованные проекты» (см. блок ТРИПТИХ). */
.block-with-video,
section.block-with-video,
.rate-quality,
section.rate-quality,
.rite-quality,
section.rite-quality,
.step2,
section.step2,
.step2-block,
.white-box,
section.white-box,
#white-box-default,
div#white-box-default,
.white-box-default,
section.white-box-default,
.complectations-block,
section.complectations-block,
.object-tour,
section.object-tour,
.seo-hero,
section.seo-hero,
.video-section,
section.video-section {
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
  radial-gradient(ellipse 70% 50% at 20% 30%, rgba(193, 154, 91, 0.10) 0%, transparent 60%),
  linear-gradient(180deg, #14100d 0%, #1a1410 100%);
  background-size: 28px 28px, auto, auto;
  background-color: #14100d;
  position: relative;
}

section.build-stages h2 i,
section.build-stages h2 b,
section.our-works h2 i,
section.our-works h2 b,
section.block-with-video h2 i,
section.block-with-video h2 b,
section.realty-tour h2 i,
section.realty-tour h2 b,
.build-stages .section-title i,
.build-stages .section-title b,
.our-works .section-title i,
.our-works .section-title b,
.block-with-video .section-title i,
.block-with-video .section-title b,
.realty-tour .section-title i,
.realty-tour .section-title b {
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

section.about-company h2 i,
section.about-company h2 b,
section.cert-container h2 i,
section.cert-container h2 b,
section.object-map h2 i,
section.object-map h2 b,
section.discount-calculator h2 i,
section.discount-calculator h2 b,
section.cbform h2 i,
section.cbform h2 b,
section.mortgage-calling .section-title i,
section.mortgage-calling .section-title b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

section.realty-tour .breadcrumbs,
section.our-works .breadcrumbs,
section.build-stages .breadcrumbs,
section.block-with-video .breadcrumbs {
  color: rgba(243, 236, 220, 0.55);
}

@media (max-width: 768px) {
  section.realty-tour .container-card,
  .mortgage-calling__inner,
  .cbform__inner {
    padding: 24px;
  }
}

section.cbform-get-catalog > *,
section.cbform-architect > *,
section.cbform-sample > *,
section.cbform-viewing > *,
section.about-company > *,
section.discount-calculator > *,
section.cert-container > *,
section.object-map > *,
section.mortgage-calling > *,
section.block-text > *,
section.build-stages > *,
section.realty-tour > *,
.our-works > *,
.block-with-video > * {
  position: relative;
  z-index: 1;
}

body.scandi-no-hero section:not([id]):not([class*="top"]):not([class*="footer"]):not(.realty-tour):not(.our-works):not(.build-stages):not(.block-with-video):not(.rate-quality):not(.video-section):not([class*="seo-hero"]):not([class*="step2"]):not([class*="step-"]) {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.92) 0%, rgba(245, 235, 215, 0.85) 100%);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  border: 1px solid rgba(166, 124, 58, 0.22);
  border-top: 2px solid #a67c3a;
  border-radius: 14px;
  padding: 28px 32px;
  margin: 0 auto 16px;
  max-width: 1200px;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}

body.scandi-no-hero section h2:not(.scandi-works__title):not(.scandi-whitebox__title),
body.scandi-no-hero section h3:not(.scandi-works__title):not(.scandi-whitebox__title) {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin-bottom: 12px;
}

section.build-stages > .container::before,
section.our-works > .container::before,
section.about-company > .container::before,
section.realty-tour > .container::before,
section.block-with-video > .container::before {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
  margin: 0 auto 32px;
}

section.build-stages .container,
section.our-works .container,
section.about-company .container,
section.block-with-video .container,
section.realty-tour .container,
section.cert-container .container,
section.object-map .container,
section.mortgage-calling .container,
section.discount-calculator .container,
section.cbform .container,
section.cbform-architect .container,
section.cbform-sample .container,
section.cbform-viewing .container,
section.block-text .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

section.build-stages p,
section.our-works p,
section.block-with-video p,
section.realty-tour p,
section.rate-quality p {
  color: #c4b89f;
  -webkit-text-fill-color: #c4b89f;
  line-height: 1.65;
}

section.build-stages .section-title::after,
section.our-works .section-title::after,
section.about-company .section-title::after,
section.block-with-video .section-title::after,
section.cert-container .section-title::after,
section.realty-tour .section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 100%);
  margin: 18px auto 0;
  border-radius: 2px;
}

section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
}

section.realty-tour .breadcrumbs a,
section.our-works .breadcrumbs a,
section.build-stages .breadcrumbs a,
section.block-with-video .breadcrumbs a {
  color: rgba(243, 236, 220, 0.75);
  -webkit-text-fill-color: rgba(243, 236, 220, 0.75);
}

section.build-stages table td,
section.our-works table td,
section.block-with-video table td {
  color: #c4b89f;
}

.mortgage-calling .scandi-mortgage,
div.mortgage-calling .scandi-mortgage {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 0;
  background: #14100d;
  background-color: #14100d;
  background-image: none;
  border: 1px solid rgba(212, 173, 110, 0.35);
  border-top: 2px solid #c19a5b;
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.10),
  0 32px 80px rgba(0, 0, 0, 0.45);
  position: relative;
  isolation: isolate;
  max-width: 1280px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .mortgage-calling .scandi-mortgage {
    grid-template-columns: 1fr;
  }
}

.mortgage-calling .scandi-mortgage__media,
div.mortgage-calling .scandi-mortgage .scandi-mortgage__media {
  position: relative;
  overflow: hidden;
  min-height: 460px;
  height: 100%;
  aspect-ratio: auto;
  background-color: #1a1410;
  background-image: url('/wp-content/themes/karkasnye-doma-redesign/assets/mortgage/hero-family.webp');
  background-size: cover;
  background-position: center 70%;
  background-repeat: no-repeat;
  isolation: isolate;
  display: block;
}

.mortgage-calling .scandi-mortgage__media > img,
div.mortgage-calling .scandi-mortgage .scandi-mortgage__media > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  inset: 0;
  object-fit: cover;
  object-position: center center;
  display: block;
  filter: none;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  min-width: 100%;
  min-height: 100%;
  background: transparent;
}

.mortgage-calling .scandi-mortgage__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 65%, rgba(20, 16, 13, 0.55) 100%);
  pointer-events: none;
  z-index: 2;
}

@media (max-width: 991px) {
  .mortgage-calling .scandi-mortgage__media::after {
    background: linear-gradient(180deg, transparent 0%, transparent 40%, rgba(20, 16, 13, 0.85) 100%);
  }
}

.mortgage-calling .scandi-mortgage__body {
  padding: 56px 56px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  position: relative;
  z-index: 2;
  background:
  radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
  linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%);
}

@media (max-width: 768px) {
  .mortgage-calling .scandi-mortgage__body {
    padding: 36px 28px;
  }
}

.mortgage-calling .scandi-mortgage__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mortgage-calling .scandi-mortgage__eyebrow::before {
  content: '';
  width: 32px;
  height: 1px;
  background: linear-gradient(90deg, #c19a5b, transparent);
}

.mortgage-calling .scandi-mortgage__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  margin: 0;
  line-height: 1.15;
}

.mortgage-calling .scandi-mortgage__title b,
.mortgage-calling .scandi-mortgage__title strong {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.mortgage-calling .scandi-mortgage__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #c4b89f;
  -webkit-text-fill-color: #c4b89f;
  margin: 0;
  max-width: 480px;
}

.mortgage-calling .scandi-mortgage__list {
  list-style: none;
  padding: 0;
  margin: 4px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}

@media (max-width: 600px) {
  .mortgage-calling .scandi-mortgage__list {
    grid-template-columns: 1fr;
  }
}

.mortgage-calling .scandi-mortgage__list li {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #d8cfba;
  -webkit-text-fill-color: #d8cfba;
  padding: 0 0 0 28px;
  position: relative;
  margin: 0;
}

.mortgage-calling .scandi-mortgage__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  box-shadow: 0 2px 6px rgba(193, 154, 91, 0.40);
}

.mortgage-calling .scandi-mortgage__list li::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 10px;
  width: 8px;
  height: 4px;
  border-left: 2px solid #14100d;
  border-bottom: 2px solid #14100d;
  transform: rotate(-45deg);
}

.mortgage-calling .scandi-mortgage__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: flex-start;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 13px 22px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
  cursor: pointer;
  transition: all 0.22s cubic-bezier(.22,1,.36,1);
  margin-top: 8px;
}

.mortgage-calling .scandi-mortgage__cta:hover {
  transform: translateY(-2px);
  box-shadow:
  0 12px 32px rgba(193, 154, 91, 0.55),
  inset 0 -2px 4px rgba(20, 16, 13, 0.10);
  filter: brightness(1.06);
}

.mortgage-calling .scandi-mortgage__cta::after {
  content: '→';
  font-size: 16px;
  font-weight: 400;
  transition: transform 0.4s ease;
}

.mortgage-calling .scandi-mortgage__cta:hover::after {
  transform: translateX(4px);
}

.mortgage-calling .scandi-mortgage__note {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(193, 154, 91, 0.22);
  line-height: 1.5;
}

.mortgage-calling .mortgage-calling__inner.container-card,
div.mortgage-calling .container-card.mortgage-calling__inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(212, 173, 110, 0.35);
  border-top: 2px solid #c19a5b;
  border-radius: 18px;
  overflow: hidden;
  background: #14100d;
  background-image: none;
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.10),
  0 32px 80px rgba(0, 0, 0, 0.45);
  position: relative;
  isolation: isolate;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 460px;
}

@media (max-width: 991px) {
  .mortgage-calling .mortgage-calling__inner.container-card,
  div.mortgage-calling .container-card.mortgage-calling__inner {
    grid-template-columns: 1fr;
  }
}

.mortgage-calling .mortgage-calling__preview {
  display: block;
  visibility: visible;
  opacity: 1;
  position: relative;
  width: auto;
  height: 100%;
  min-height: 460px;
  overflow: hidden;
  background: #1a1410;
  margin: 0;
  padding: 0;
  order: 1;
}

.mortgage-calling .mortgage-calling__preview .mortgage-calling__image,
.mortgage-calling img.mortgage-calling__image,
section.mortgage-calling .mortgage-calling__image {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  inset: 0;
  object-fit: cover;
  object-position: center 70%;
  filter: none;
  z-index: 1;
  transform: none;
  -webkit-transform: none;
  animation: none;
  -webkit-animation: none;
  transition: none;
  margin: 0;
  padding: 0;
}

.mortgage-calling .mortgage-calling__content {
  display: flex;
  visibility: visible;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: 56px;
  background:
  radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
  linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%);
  position: relative;
  z-index: 2;
  order: 2;
  width: auto;
  height: auto;
}

@media (max-width: 768px) {
  .mortgage-calling .mortgage-calling__content {
    padding: 36px 28px;
  }
}

.mortgage-calling .scandi-mortgage__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mortgage-calling .scandi-mortgage__eyebrow::before {
  content: '';
  width: 32px;
  height: 1px;
  background: linear-gradient(90deg, #c19a5b, transparent);
}

.mortgage-calling .scandi-mortgage__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  margin: 0;
  line-height: 1.15;
  font-style: normal;
  background: none;
  text-shadow: none;
  padding: 0;
  border: 0;
}

.mortgage-calling .scandi-mortgage__title b,
.mortgage-calling .scandi-mortgage__title strong {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.mortgage-calling .scandi-mortgage__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #c4b89f;
  -webkit-text-fill-color: #c4b89f;
  margin: 0;
  max-width: 480px;
}

.mortgage-calling .scandi-mortgage__list {
  list-style: none;
  padding: 0;
  margin: 4px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}

@media (max-width: 600px) {
  .mortgage-calling .scandi-mortgage__list {
    grid-template-columns: 1fr;
  }
}

.mortgage-calling .scandi-mortgage__list li {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #d8cfba;
  -webkit-text-fill-color: #d8cfba;
  padding: 0 0 0 28px;
  position: relative;
  margin: 0;
}

.mortgage-calling .scandi-mortgage__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  box-shadow: 0 2px 6px rgba(193, 154, 91, 0.40);
}

.mortgage-calling .scandi-mortgage__list li::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 8px;
  width: 8px;
  height: 4px;
  border-left: 2px solid #14100d;
  border-bottom: 2px solid #14100d;
  transform: rotate(-45deg);
}

.mortgage-calling .scandi-mortgage__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: flex-start;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 13px 22px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
  cursor: pointer;
  transition: all 0.22s cubic-bezier(.22,1,.36,1);
  margin-top: 8px;
}

.mortgage-calling .scandi-mortgage__cta::after {
  content: '→';
  font-size: 16px;
  font-weight: 400;
  transition: transform 0.4s ease;
}

.mortgage-calling .scandi-mortgage__cta:hover {
  transform: translateY(-2px);
  box-shadow:
  0 12px 32px rgba(193, 154, 91, 0.55),
  inset 0 -2px 4px rgba(20, 16, 13, 0.10);
  filter: brightness(1.06);
}

.mortgage-calling .scandi-mortgage__cta:hover::after {
  transform: translateX(4px);
}

.mortgage-calling .scandi-mortgage__note {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(193, 154, 91, 0.22);
  line-height: 1.5;
}

.about-company {
  padding: 100px 0 60px;
  position: relative;
}

.about-company::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(180deg, transparent 0%, rgba(247, 241, 230, 0.55) 60%, rgba(247, 241, 230, 0.85) 100%);
  pointer-events: none;
  z-index: 1;
}

.about-company > * {
  position: relative;
  z-index: 2;
}

section.cert-container,
.cert-container {
  margin-top: -40px;
  padding-top: 80px;
}

.about-company .scandi-about {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  gap: 36px;
}

.about-company .scandi-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(193, 154, 91, 0.40) 30%, rgba(193, 154, 91, 0.55) 50%, rgba(193, 154, 91, 0.40) 70%, transparent 100%);
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
  position: relative;
}

.about-company .scandi-divider::before {
  content: '◆';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #f7f1e6;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  font-size: 8px;
  padding: 0 16px;
  letter-spacing: 0.4em;
  line-height: 1;
}

.about-company .scandi-about__hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 56px;
  align-items: end;
}

@media (max-width: 991px) {
  .about-company .scandi-about__hero {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.about-company .scandi-about__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.about-company .scandi-about__eyebrow::before {
  content: '';
  width: 36px;
  height: 1px;
  background: linear-gradient(90deg, #a67c3a, transparent);
}

.about-company .scandi-about__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0;
  line-height: 1.05;
}

.about-company .scandi-about__title b {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-about__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.7;
  color: #4a4035;
  -webkit-text-fill-color: #4a4035;
  margin: 0;
}

.about-company .scandi-about__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-top: 2px solid #a67c3a;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
  0 12px 36px rgba(120, 90, 50, 0.14),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

@media (max-width: 991px) {
  .about-company .scandi-about__stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .about-company .scandi-about__stats {
    grid-template-columns: 1fr;
  }
}

.about-company .scandi-about__stat {
  padding: 36px 28px;
  border-right: 1px solid rgba(166, 124, 58, 0.18);
  position: relative;
}

@media (max-width: 991px) {
  .about-company .scandi-about__stat:nth-child(2n) {
    border-right: 0;
  }
  .about-company .scandi-about__stat:nth-child(-n+2) {
    border-bottom: 1px solid rgba(166, 124, 58, 0.18);
  }
}

.about-company .scandi-about__stat:last-child {
  border-right: 0;
}

.about-company .scandi-about__stat-num {
  display: block;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 700;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0 0 10px;
}

.about-company .scandi-about__stat-label {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #574a39;
  -webkit-text-fill-color: #574a39;
  line-height: 1.5;
  margin: 0;
}

.about-company .scandi-team {
  position: relative;
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-top: 2px solid #a67c3a;
  border-radius: 16px;
  box-shadow:
  0 12px 36px rgba(120, 90, 50, 0.14),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  padding: 48px 56px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .about-company .scandi-team {
    padding: 32px 24px;
  }
}

.about-company .scandi-team__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.about-company .scandi-team__intro {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1 1 auto;
  min-width: 0;
}

.our-works {
  padding: 70px 0 40px;
  margin-top: -40px;
  position: relative;
  color: #d8cfba;
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
  radial-gradient(circle at 15% 30%, rgba(212, 173, 110, 0.08) 0%, transparent 25%),
  radial-gradient(circle at 85% 70%, rgba(212, 173, 110, 0.08) 0%, transparent 25%),
  linear-gradient(180deg,
  #f7f1e6 0%,
  #ebe1cd 8%,
  #c9b894 22%,
  #6c5238 45%,
  #3a2a1c 70%,
  #2a1f17 100%);
  background-size: 24px 24px, auto, auto, auto;
}

.our-works::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 600' preserveAspectRatio='xMidYMax slice'><g fill='none' stroke='%237d5a2c' stroke-width='1.2' stroke-opacity='0.15'><path d='M0 580 L120 380 L210 460 L320 280 L470 440 L580 360 L720 500 L860 320 L1000 460 L1130 280 L1250 420 L1400 260 L1520 400 L1600 360'/><path d='M0 520 L100 440 L240 340 L380 460 L500 400 L620 480 L780 360 L920 470 L1060 380 L1200 470 L1320 360 L1460 470 L1600 420'/></g></svg>"),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><g fill='none' stroke='%23c19a5b' stroke-width='0.8' stroke-opacity='0.10'><circle cx='160' cy='160' r='60'/><circle cx='160' cy='160' r='110'/><circle cx='160' cy='160' r='150'/><line x1='160' y1='8' x2='160' y2='312'/><line x1='8' y1='160' x2='312' y2='160'/><line x1='40' y1='40' x2='280' y2='280' stroke-dasharray='4 6'/></g></svg>");
  background-repeat: no-repeat, repeat;
  background-size: 100% 50%, 320px 320px;
  background-position: center bottom, 0 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.85;
}

.our-works > * {
  position: relative;
  z-index: 2;
}

.our-works::after {
  display: none;
}

.our-works .swiper-container,
.our-works > .swiper,
.our-works > .container > .b-title.light.align-center,
.our-works .b-title.light.align-center,
.our-works .slider-arrows,
.our-works .slider-arrows-wrapper,
.our-works .slider-arrow,
.our-works .slider-arrow-prev,
.our-works .slider-arrow-next {
  display: none;
}

.scandi-works {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 2;
}

/* ════════ Редакторская «шапка» всего триптиха реализованных проектов ════════
   Двухколоночная: слева крупный дисплейный титул с золотым акцентом, справа —
   ведущий абзац с динамическим счётчиком сданных объектов. Открывает большой
   блок (карусель → карта → экскурсия), который дальше течёт единым кремом. */
.our-works .scandi-works__head {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: end;
  text-align: left;
  max-width: none;
  margin: 0 0 clamp(40px, 4.5vw, 64px);
}

.our-works .scandi-works__head-main {
  min-width: 0;
}

.our-works .scandi-works__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.our-works .scandi-works__eyebrow::before {
  content: '';
  width: 44px;
  height: 1px;
  background: linear-gradient(90deg, #a67c3a, transparent);
  flex: none;
}

.our-works .scandi-works__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(30px, 3.6vw, 50px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0;
  line-height: 1.04;
}

.our-works .scandi-works__title b {
  font-style: normal;
  font-weight: 500;
  background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.our-works .scandi-works__head-aside {
  padding-bottom: 8px;
  border-left: 1px solid rgba(166, 124, 58, 0.30);
  padding-left: clamp(20px, 2vw, 32px);
}

.our-works .scandi-works__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.6;
  font-weight: 400;
  color: #5a4d3a;
  -webkit-text-fill-color: #5a4d3a;
  margin: 0;
}

.our-works .scandi-works__lead-num {
  display: block;
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 860px) {
  .our-works .scandi-works__head {
    grid-template-columns: 1fr;
    gap: 22px;
    align-items: start;
  }
  .our-works .scandi-works__head-aside {
    border-left: 0;
    border-top: 1px solid rgba(166, 124, 58, 0.30);
    padding-left: 0;
    padding-top: 20px;
  }
  .our-works .scandi-works__lead-num {
    display: inline-block;
    font-size: 34px;
    margin: 0 10px 0 0;
    vertical-align: -2px;
  }
}

.scandi-works__viewport {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  background:
  radial-gradient(circle at 12% 18%, rgba(193, 154, 91, 0.10), transparent 55%),
  radial-gradient(circle at 88% 88%, rgba(212, 173, 110, 0.06), transparent 55%),
  linear-gradient(135deg, #1f1612 0%, #1a1310 50%, #14100d 100%);
  border: 1px solid rgba(193, 154, 91, 0.22);
  border-top: 1px solid rgba(193, 154, 91, 0.45);
  border-bottom: 1px solid rgba(193, 154, 91, 0.45);
  border-radius: 4px;
  box-shadow:
  0 0 0 1px rgba(255, 252, 245, 0.04),
  0 32px 80px rgba(0, 0, 0, 0.50),
  0 12px 28px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  isolation: isolate;
}

.scandi-works__viewport::before,
.scandi-works__viewport::after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  pointer-events: none;
  z-index: 5;
  border: 1px solid #c19a5b;
}

.scandi-works__viewport::before {
  top: 14px;
  left: 14px;
  border-right: 0;
  border-bottom: 0;
}

.scandi-works__viewport::after {
  bottom: 14px;
  right: 14px;
  border-left: 0;
  border-top: 0;
}

.scandi-works__viewport > .scandi-works__seam,
.scandi-works__viewport > .scandi-works__corner,
.scandi-works__viewport > .scandi-works__page {
  display: none;
}

.scandi-works__track {
  position: relative;
  display: block;
  width: 100%;
  min-height: 560px;
  transform: none;
  transform-style: flat;
}

@media (max-width: 1199px) {
  .scandi-works__track {
    min-height: 600px;
  }
}

@media (max-width: 991px) {
  .scandi-works__track {
    min-height: 0;
  }
}

.scandi-works__slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 0;
  background: transparent;
  padding: 0;
  align-items: stretch;
  min-height: 0;
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition: opacity 0.6s ease;
}

.scandi-works__slide.is-active {
  position: relative;
  inset: auto;
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

@media (max-width: 991px) {
  .scandi-works__slide {
    position: relative;
    inset: auto;
    grid-template-columns: 1fr;
    opacity: 1;
    pointer-events: auto;
    display: none;
  }
  .scandi-works__slide.is-active {
    display: grid;
  }
}

.scandi-works__media {
  position: relative;
  background: #0e0a08;
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  min-height: 0;
}

.scandi-works__hero {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  flex: none;
  min-height: 0;
  overflow: hidden;
  background: #0e0a08;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

@media (max-width: 991px) {
  .scandi-works__media {
    aspect-ratio: 16 / 10;
  }
  .scandi-works__hero {
    position: absolute;
    inset: 0;
  }
}

.scandi-works__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: opacity 0.4s ease;
}

.scandi-works__hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 70%, rgba(20, 16, 13, 0.70) 100%);
  pointer-events: none;
}

@media (max-width: 991px) {
  .scandi-works__hero::after {
    display: none;
  }
}

.scandi-works__photo-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(20, 16, 13, 0.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(212, 173, 110, 0.50);
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  font-size: 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: all 0.3s ease;
  opacity: 0;
  padding: 0;
  line-height: 1;
}

.scandi-works__hero:hover .scandi-works__photo-nav,
.scandi-works__media:hover .scandi-works__photo-nav {
  opacity: 1;
}

.scandi-works__photo-nav:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  transform: translateY(-50%) scale(1.10);
}

.scandi-works__photo-nav--prev {
  left: 14px;
}

.scandi-works__photo-nav--next {
  right: 14px;
}

.scandi-works__dots {
  position: absolute;
  top: 22px;
  right: 22px;
  left: auto;
  bottom: auto;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  align-items: center;
  padding: 6px 10px;
  background: rgba(20, 16, 13, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 999px;
  z-index: 4;
}

.scandi-works__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 252, 245, 0.40);
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.scandi-works__dot.is-active {
  background: #d4ad6e;
  width: 22px;
  border-radius: 3px;
}

.scandi-works__location {
  display: none;
}

.scandi-works__info {
  position: relative;
  margin: 0;
  padding: 34px 40px 34px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  min-height: 540px;   /* пол: «худые» слайды не схлопываются; высокие растут по контенту */
  overflow: visible;
}

.scandi-works__info::after {
  display: none;
}

@media (max-width: 1199px) {
  .scandi-works__info {
    padding: 26px 22px;
    gap: 8px;
  }
}

@media (max-width: 991px) {
  .scandi-works__info {
    padding: 28px 22px;
  }
}

.scandi-works__num {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(38px, 3.6vw, 54px);
  font-weight: 200;
  letter-spacing: -0.04em;
  line-height: 0.85;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(135deg, rgba(255, 230, 180, 0.85), rgba(193, 154, 91, 0.55));
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 0 2px;
  font-feature-settings: 'lnum' 1, 'tnum' 1;
}

.scandi-works__num small {
  font-size: 0.32em;
  font-weight: 500;
  letter-spacing: 0.20em;
  color: #a89c8a;
  -webkit-text-fill-color: #a89c8a;
  background: none;
  -webkit-background-clip: initial;
  vertical-align: 0.7em;
  margin-left: 8px;
}

.scandi-works__kd {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.scandi-works__kd::before {
  content: '';
  width: 22px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c19a5b);
}

.scandi-works__kd::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(193, 154, 91, 0.45), transparent);
}

.scandi-works__name {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(24px, 2.4vw, 30px);
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.20;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  margin: 0 0 4px;
}

.scandi-works__loc-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #a89c8a;
  -webkit-text-fill-color: #a89c8a;
  text-decoration: none;
  border: 0;
  border-bottom: 1px dashed rgba(193, 154, 91, 0.40);
  padding: 4px 0 5px;
  margin: 0;
  transition: color 0.3s ease, border-color 0.3s ease;
  align-self: flex-start;
}

.scandi-works__loc-link:hover {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  border-bottom-color: #d4ad6e;
}

.scandi-works__loc-icon {
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  font-size: 9px;
}

.scandi-works__loc-arrow {
  font-size: 11px;
  opacity: 0.6;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.scandi-works__loc-link:hover .scandi-works__loc-arrow {
  opacity: 1;
  transform: translate(2px, -2px);
}

.scandi-works__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 8px;
}

.scandi-works__meta-item {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #c4b89f;
  -webkit-text-fill-color: #c4b89f;
  background: rgba(193, 154, 91, 0.08);
  border: 1px solid rgba(193, 154, 91, 0.30);
  padding: 6px 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.scandi-works__meta-item b {
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  font-weight: 700;
}

.scandi-works__included-block {
  margin: 2px 0;
}

.scandi-works__included-title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin: 0 0 8px;
}

.scandi-works__included {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 18px;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 600px) {
  .scandi-works__included {
    grid-template-columns: 1fr;
  }
}

.scandi-works__included li {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #c4b89f;
  -webkit-text-fill-color: #c4b89f;
  padding: 0 0 0 22px;
  position: relative;
  margin: 0;
}

.scandi-works__included li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 6px;
  border-left: 1.5px solid #c19a5b;
  border-bottom: 1.5px solid #c19a5b;
  transform: rotate(-45deg);
}

.scandi-works__palette {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(193, 154, 91, 0.18);
}

.scandi-works__swatch {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid rgba(255, 252, 245, 0.10);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
  flex: 0 0 auto;
}

.scandi-works__palette-label {
  margin-left: 4px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
}

.scandi-works__ctas {
  position: static;
  margin: auto 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(193, 154, 91, 0.18);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  max-width: none;
  box-sizing: border-box;
}

.scandi-works__ctas .scandi-works__cta {
  width: 100%;
  justify-content: center;
  align-self: stretch;
}

.scandi-works__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  align-self: stretch;
  box-sizing: border-box;
  max-width: 100%;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 999px;
  padding: 13px 24px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 0;
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.32);
}

.scandi-works__cta::after {
  content: '→';
  font-size: 14px;
  transition: transform 0.4s ease;
}

.scandi-works__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(193, 154, 91, 0.50);
  filter: brightness(1.06);
}

.scandi-works__cta:hover::after {
  transform: translateX(4px);
}

.scandi-works__cta--outline {
  background: transparent;
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  border: 1px solid rgba(212, 173, 110, 0.55);
  box-shadow: none;
  padding: 12px 22px;
  font-size: 11px;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-transform: uppercase;
}

.scandi-works__cta--outline::after {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
}

.scandi-works__cta--outline:hover {
  background: rgba(212, 173, 110, 0.10);
  border-color: #d4ad6e;
  transform: translateY(-1px);
  filter: none;
  color: #ffe5b8;
  -webkit-text-fill-color: #ffe5b8;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.20);
}

.scandi-works__hero-badge {
  position: absolute;
  left: 22px;
  bottom: 22px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px 10px 14px;
  background: rgba(20, 16, 13, 0.78);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(212, 173, 110, 0.45);
  border-radius: 12px;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  text-decoration: none;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  box-shadow:
  0 0 0 1px rgba(255, 230, 180, 0.06),
  0 12px 32px rgba(0, 0, 0, 0.50),
  0 4px 12px rgba(0, 0, 0, 0.30);
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  max-width: calc(100% - 44px);
}

@media (max-width: 991px) {
  .scandi-works__hero-badge {
    left: 12px;
    bottom: 12px;
    padding: 8px 14px 8px 12px;
    font-size: 11px;
  }
}

.scandi-works__hero-badge:hover {
  background: rgba(20, 16, 13, 0.92);
  border-color: #d4ad6e;
  transform: translateY(-2px);
  box-shadow:
  0 0 0 1px rgba(255, 230, 180, 0.12),
  0 18px 42px rgba(0, 0, 0, 0.60),
  0 6px 16px rgba(193, 154, 91, 0.30);
}

.scandi-works__hero-badge-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: #d4ad6e;
}

.scandi-works__hero-badge-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.20;
}

.scandi-works__hero-badge-label small {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  margin-bottom: 2px;
}

.scandi-works__hero-badge-arrow {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  font-size: 14px;
  transition: transform 0.3s ease;
}

.scandi-works__hero-badge:hover .scandi-works__hero-badge-arrow {
  transform: translateX(4px);
}

.scandi-works__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
  flex-wrap: wrap;
}

.scandi-works__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(212, 173, 110, 0.40);
  background: rgba(255, 252, 245, 0.04);
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  font-size: 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0;
  padding: 0;
  text-transform: none;
  line-height: 1;
}

.scandi-works__btn:hover:not([disabled]) {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border-color: #c19a5b;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.45);
}

.scandi-works__btn[disabled] {
  opacity: 0.30;
  cursor: not-allowed;
}

.scandi-works__projects {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.scandi-works__pdot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(193, 154, 91, 0.30);
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.scandi-works__pdot.is-active {
  background: linear-gradient(135deg, #ffe5b8, #c19a5b);
  width: 32px;
  border-radius: 4px;
}

.scandi-works__pdot:hover {
  background: rgba(212, 173, 110, 0.65);
}

.scandi-works__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #a89c8a;
  -webkit-text-fill-color: #a89c8a;
  letter-spacing: 0.06em;
  margin: 0;
  min-width: 70px;
  text-align: center;
}

.scandi-works__counter b {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  font-weight: 700;
}

.about-company,
.cert-container,
section.cbform-architect,
section.about-company {
  position: relative;
}

.about-company + .block-with-video,
.about-company + section.block-with-video,
.cert-container + .our-works,
.cert-container + section.our-works,
.cert-container + .block-with-video,
section.about-company + .block-with-video {
  position: relative;
}

.about-company + .block-with-video::before,
.cert-container + .our-works::before,
.cert-container + .block-with-video::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(180deg, rgba(20, 16, 13, 0.0) 0%, rgba(20, 16, 13, 0.18) 60%, transparent 100%);
  pointer-events: none;
  z-index: 1;
}

section.realty-tour + .cbform,
.realty-tour + .cbform,
.block-with-video + .cert-container,
.our-works + section.object-map {
  position: relative;
}

section.cert-container,
.cert-container {
  padding: 100px 0;
  position: relative;
}

.cert-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, rgba(247, 241, 230, 0.4) 100%);
  pointer-events: none;
  z-index: 1;
}

.cert-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, rgba(20, 16, 13, 0.06) 100%);
  pointer-events: none;
  z-index: 1;
}

.cert-container > .swiper-container,
.cert-container > .top {
  display: none;
}

.about-company .scandi-video {
  max-width: 1100px;
  margin: 0 auto 56px;
  padding: 0;
  position: relative;
}

.about-company .scandi-video__head {
  text-align: center;
  margin-bottom: 28px;
}

.about-company .scandi-video__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.about-company .scandi-video__eyebrow::before,
.about-company .scandi-video__eyebrow::after {
  content: '';
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c19a5b);
}

.about-company .scandi-video__eyebrow::after {
  background: linear-gradient(90deg, #c19a5b, transparent);
}

.about-company .scandi-video__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(26px, 3.4vw, 38px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0;
  line-height: 1.15;
}

.about-company .scandi-video__title b,
.about-company .scandi-video__title strong {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-video__frame {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #14100d;
  border: 1px solid rgba(193, 154, 91, 0.55);
  /* «паспарту»: кремовое поле + золотой волосок вокруг + глубокая мягкая тень */
  box-shadow:
  0 0 0 12px #f7f1e6,
  0 0 0 13px rgba(193, 154, 91, 0.40),
  0 0 0 14px rgba(247, 241, 230, 0.6),
  0 50px 110px -34px rgba(70, 48, 18, 0.50),
  inset 0 1px 0 rgba(255, 230, 180, 0.10);
  aspect-ratio: 16 / 9;
  isolation: isolate;
  margin: 18px auto 0;
  max-width: 1000px;
}
/* мягкое золотое сияние-«сцена» позади рамки */
.about-company .scandi-video::after {
  content: '';
  position: absolute;
  left: 50%; top: 58%; transform: translate(-50%, -50%);
  width: min(1100px, 92%); height: 70%;
  background: radial-gradient(ellipse at center, rgba(193, 154, 91, 0.18), transparent 70%);
  z-index: -1; pointer-events: none; filter: blur(8px);
}
.about-company .scandi-video { position: relative; }

.about-company .scandi-video__frame::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 16px;
  background: linear-gradient(135deg, #d4ad6e 0%, transparent 30%, transparent 70%, #a67c3a 100%);
  z-index: -1;
  pointer-events: none;
}

.about-company .scandi-video__player,
.about-company .scandi-video__player video,
.about-company .scandi-video video.scandi-video__player {
  width: 100%;
  height: 100%;
  display: block;
  background: #14100d;
  object-fit: cover;
  border-radius: 14px;
}

.block-with-video.scandi-moved {
  display: none;
}

.about-company .scandi-team-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 24px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto 56px;
  padding: 20px 0;
}

@media (max-width: 991px) {
  .about-company .scandi-team-hero {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
}

@media (max-width: 600px) {
  .about-company .scandi-team-hero {
    grid-template-columns: 1fr;
  }
}

.about-company .scandi-team-hero__card {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  border: 1px solid rgba(166, 124, 58, 0.30);
  border-top: 2px solid #a67c3a;
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow:
  0 8px 24px rgba(120, 90, 50, 0.12),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  transition: all 0.4s ease;
  position: relative;
}

.about-company .scandi-team-hero__card:hover {
  transform: translateY(-4px);
  box-shadow:
  0 16px 36px rgba(120, 90, 50, 0.20),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

.about-company .scandi-team-hero__card-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(212, 173, 110, 0.20), rgba(166, 124, 58, 0.10));
  border: 1px solid rgba(193, 154, 91, 0.40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
}

.about-company .scandi-team-hero__card-title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 6px;
}

.about-company .scandi-team-hero__card-text {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0;
  font-weight: 500;
}

.about-company .scandi-team-hero__card-text b {
  font-weight: 700;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-team-hero__card--tl {
  grid-column: 1;
  grid-row: 1;
  text-align: right;
}

.about-company .scandi-team-hero__card--tr {
  grid-column: 3;
  grid-row: 1;
}

.about-company .scandi-team-hero__card--bl {
  grid-column: 1;
  grid-row: 2;
  text-align: right;
}

.about-company .scandi-team-hero__card--br {
  grid-column: 3;
  grid-row: 2;
}

@media (max-width: 991px) {
  .about-company .scandi-team-hero__card--tl,
  .about-company .scandi-team-hero__card--tr,
  .about-company .scandi-team-hero__card--bl,
  .about-company .scandi-team-hero__card--br {
    text-align: left;
  }
  .about-company .scandi-team-hero__card--tl {
    grid-column: 1; grid-row: 2;
  }
  .about-company .scandi-team-hero__card--tr {
    grid-column: 2; grid-row: 2;
  }
  .about-company .scandi-team-hero__card--bl {
    grid-column: 1; grid-row: 3;
  }
  .about-company .scandi-team-hero__card--br {
    grid-column: 2; grid-row: 3;
  }
}

@media (max-width: 600px) {
  .about-company .scandi-team-hero__card--tl,
  .about-company .scandi-team-hero__card--tr,
  .about-company .scandi-team-hero__card--bl,
  .about-company .scandi-team-hero__card--br {
    grid-column: 1;
  }
}

.about-company .scandi-team__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0;
  line-height: 1.15;
}

.about-company .scandi-team__title b {
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-team__nav {
  display: flex;
  gap: 10px;
  align-items: center;
}

.about-company .scandi-team__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(166, 124, 58, 0.30);
  background: rgba(255, 252, 245, 0.85);
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0;
  padding: 0;
  text-transform: none;
  box-shadow: 0 4px 12px rgba(120, 90, 50, 0.10);
}

.about-company .scandi-team__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border-color: #c19a5b;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40);
}

.about-company .scandi-team__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  letter-spacing: 0.06em;
  margin: 0 12px;
  min-width: 50px;
  text-align: center;
}

.about-company .scandi-team__counter b {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-weight: 700;
}

.about-company .scandi-team__viewport {
  overflow: hidden;
  position: relative;
}

.about-company .scandi-team__track {
  display: flex;
  gap: 20px;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}

.about-company .scandi-team__card {
  flex: 0 0 calc((100% - 60px) / 4);
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #ffffff 0%, #f7f1e6 100%);
  border: 1px solid rgba(166, 124, 58, 0.22);
  border-radius: 14px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}

@media (max-width: 991px) {
  .about-company .scandi-team__card {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}

@media (max-width: 768px) {
  .about-company .scandi-team__card {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

@media (max-width: 480px) {
  .about-company .scandi-team__card {
    flex: 0 0 100%;
  }
}

.about-company .scandi-team__card:hover {
  transform: translateY(-4px);
  border-color: rgba(166, 124, 58, 0.50);
  box-shadow: 0 16px 32px rgba(120, 90, 50, 0.18);
}

.about-company .scandi-team__photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ebe1cd, #d4c5ad);
}

.about-company .scandi-team__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  filter: saturate(1.05);
}

.about-company .scandi-team__card:hover .scandi-team__photo img {
  transform: scale(1.04);
}

.about-company .scandi-team__info {
  padding: 18px 20px 22px;
  border-top: 1px solid rgba(166, 124, 58, 0.18);
  background: rgba(255, 252, 245, 0.85);
}

.about-company .scandi-team__name {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0 0 4px;
  line-height: 1.25;
}

.about-company .scandi-team__role {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0;
  line-height: 1.4;
}

.about-company .scandi-quotes {
  position: relative;
  background:
  radial-gradient(ellipse 80% 100% at 80% 50%, rgba(212, 173, 110, 0.18) 0%, transparent 60%),
  linear-gradient(135deg, rgba(212, 173, 110, 0.10) 0%, rgba(255, 252, 245, 0.96) 60%);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-left: 4px solid #c19a5b;
  border-radius: 16px;
  padding: 28px 48px 28px 40px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: center;
  min-height: 140px;
  overflow: hidden;
  margin: 0;
  box-shadow:
  0 8px 28px rgba(120, 90, 50, 0.10),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

@media (max-width: 768px) {
  .about-company .scandi-quotes {
    grid-template-columns: 1fr;
    padding: 24px 20px;
    gap: 14px;
  }
}

.about-company .scandi-quotes__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid #c19a5b;
  box-shadow: 0 4px 12px rgba(193, 154, 91, 0.30);
  background: linear-gradient(135deg, #ebe1cd, #d4c5ad);
  position: relative;
}

.about-company .scandi-quotes__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: opacity 0.4s ease;
}

@media (max-width: 768px) {
  .about-company .scandi-quotes__avatar {
    width: 56px;
    height: 56px;
  }
}

.about-company .scandi-quotes__body {
  position: relative;
  min-height: 90px;
}

.about-company .scandi-quotes__text {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(14px, 1.2vw, 16px);
  font-weight: 400;
  line-height: 1.5;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0 0 10px;
  letter-spacing: -0.005em;
  font-style: italic;
}

.about-company .scandi-quotes__author {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.about-company .scandi-quotes__author small {
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  font-size: 11px;
}

.about-company .scandi-quotes__nav {
  position: absolute;
  top: 14px;
  right: 18px;
  display: flex;
  gap: 6px;
  align-items: center;
  z-index: 4;
}

.about-company .scandi-quotes__btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(166, 124, 58, 0.30);
  background: rgba(255, 252, 245, 0.85);
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0;
  padding: 0;
  text-transform: none;
  line-height: 1;
}

.about-company .scandi-quotes__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border-color: #c19a5b;
}

.about-company .scandi-quotes__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  letter-spacing: 0.06em;
  margin: 0 6px;
  min-width: 30px;
  text-align: center;
}

.about-company .scandi-quotes__counter b {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-weight: 700;
}

.about-company .scandi-quotes::after {
  content: '\201C';
  position: absolute;
  bottom: -8px;
  right: 22px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 100px;
  line-height: 0.6;
  color: rgba(193, 154, 91, 0.15);
  -webkit-text-fill-color: rgba(193, 154, 91, 0.15);
  font-weight: 600;
  pointer-events: none;
}

.about-company .scandi-about__quote {
  display: none;
}

.about-company .scandi-about__quote-mark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 100px;
  line-height: 0.6;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  font-weight: 600;
  font-style: normal;
}

.about-company .scandi-about__quote-text {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 300;
  line-height: 1.5;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}

.about-company .scandi-about__quote-author {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0;
}

.about-company .scandi-about__quote-author small {
  display: block;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin-top: 4px;
  font-size: 12px;
}

.about-company > .container > .b-title.light.align-center,
.about-company > .container > .in,
.about-company .b-title.light.align-center,
.about-company .in {
  display: none;
}

.about-company .scandi-about {
  display: grid;
}

.review-lab-widget .reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 991px) {
  .review-lab-widget .reviews {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .review-lab-widget .reviews {
    grid-template-columns: 1fr;
  }
}

/* R7e: премиум-кластер (.scandi-stages-premium) удалён — его полностью заменил
   cream-порт логики build-stages выше. JS всё ещё вешает класс — это no-op. */

@media (max-width: 785px) {
  .cert-container .swiper-container .swiper-slide {
    background-size: contain;
    width: 50%;
    height: auto;
    padding: 0px 5px;
  }
  .cert-container .b-title.light {
    text-align: left;
  }
  .cert-container .swiper-container .swiper-slide a {
  
  }
  .cert-container .swiper-container .swiper-slide img {
    height: auto;
    min-height: 265px;
  }
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R7b — ГЛАВНАЯ: добор из scandi-design.v2.css                              ║
   ║  Банк-карточки ипотеки (.scandi-mortgage__banks-grid 4-col), доп. правила  ║
   ║  our-works / scandi-works / block-with-video / image-bank. Порт начисто.    ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

.block-with-video.block-padding {
  padding: 84px 0 84px;
  background:
  radial-gradient(900px 480px at 90% -10%, rgba(207, 159, 75, 0.16) 0%, rgba(207, 159, 75, 0) 60%),
  radial-gradient(800px 420px at 10% 110%, rgba(166, 124, 58, 0.12) 0%, rgba(166, 124, 58, 0) 60%),
  radial-gradient(circle, rgba(207, 159, 75, 0.04) 1px, rgba(0, 0, 0, 0) 1.5px) 0 0 / 28px 28px,
  linear-gradient(180deg, #14100d 0%, #16120e 50%, #181410 100%);
  background-color: #14100d;
  position: relative;
}

.block-with-video .block-with-video-wrapper {
  background:
  linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0) 100%),
  linear-gradient(135deg, #1f1814 0%, #15110d 100%);
  background-color: #15110d;
  border-radius: 22px;
  padding: 32px;
  position: relative;
  box-shadow:
  0 30px 80px rgba(0, 0, 0, 0.4),
  0 0 0 1px rgba(207, 159, 75, 0.22) inset;
  overflow: hidden;
}

.block-with-video .block-with-video-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1.5px;
  background: linear-gradient(135deg,
  rgba(244, 212, 136, 0.6) 0%,
  rgba(207, 159, 75, 0.2) 30%,
  rgba(166, 124, 58, 0.1) 60%,
  rgba(244, 212, 136, 0.5) 100%);
  -webkit-mask:
  linear-gradient(#000 0 0) content-box,
  linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 5;
}

.block-with-video .in.block-with-video-in {
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 2;
}

.block-with-video .in.block-with-video-in > .title.b-title {
  position: relative;
  font-family: "Manrope", -apple-system, sans-serif;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.15;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  text-align: center;
  margin: 0 0 28px;
  padding-top: 36px;
}

.block-with-video .in.block-with-video-in > .title.b-title::before {
  content: "★ ВИДЕОТУР";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(207, 159, 75, 0.12);
  border: 1px solid rgba(207, 159, 75, 0.4);
  color: #cf9f4b;
  -webkit-text-fill-color: #cf9f4b;
  font-size: 10.5px;
  letter-spacing: 0.22em;
  font-weight: 700;
  padding: 7px 14px;
  border-radius: 999px;
  white-space: nowrap;
}

.block-with-video .block-with-video-media {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0c0a08;
  box-shadow:
  0 12px 32px rgba(0, 0, 0, 0.3),
  0 0 0 1px rgba(207, 159, 75, 0.18) inset;
  margin-top: 0;
}

.block-with-video .block-with-video-media video,
.block-with-video .video-preview {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.block-with-video .block-with-video-text {
  margin-top: 24px;
}

.block-with-video .block-with-video-text .subtitle.b-title {
  color: #f4d488;
  -webkit-text-fill-color: #f4d488;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.block-with-video .block-with-video-text .text-in,
.block-with-video .block-with-video-text .text-in p {
  color: rgba(243, 236, 220, 0.72);
  -webkit-text-fill-color: rgba(243, 236, 220, 0.72);
  font-family: "Manrope", sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
}

.advantages:has(.image-bank) {
  padding: 24px 0 84px;
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, rgba(0, 0, 0, 0) 1.5px) 0 0 / 28px 28px,
  linear-gradient(180deg, #ebe1cd 0%, #e8dcc4 100%);
  background-color: #ebe1cd;
  position: relative;
}

.advantages:has(.image-bank) > .container {
  background: transparent;
  background-image: none;
  padding: 0 32px;
}

.advantages:has(.image-bank) > .container > .in {
  padding: 0;
  background: transparent;
}

.advantages:has(.image-bank) > .container > .in > .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 0;
}

@media (max-width: 1100px) {
  .advantages:has(.image-bank) > .container > .in > .items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .advantages:has(.image-bank) > .container > .in > .items {
    grid-template-columns: 1fr;
  }
}

.advantages:has(.image-bank) > .container > .in > .items > .item {
  background: linear-gradient(180deg, #fffcf5 0%, #f5ebd7 100%);
  background-color: #fffcf5;
  border-radius: 18px;
  padding: 24px 24px 22px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  box-shadow:
  0 10px 28px rgba(0, 0, 0, 0.06),
  0 0 0 1px rgba(166, 124, 58, 0.25) inset;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
  overflow: hidden;
}

.advantages:has(.image-bank) > .container > .in > .items > .item:hover {
  box-shadow:
  0 18px 44px rgba(0, 0, 0, 0.1),
  0 0 0 1px rgba(207, 159, 75, 0.5) inset;
  transform: translateY(-2px);
}

.advantages:has(.image-bank) > .container > .in > .items > .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #cf9f4b 50%, transparent 100%);
  z-index: 2;
}

.advantages:has(.image-bank) .top.top-bank {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin-bottom: 18px;
  padding: 8px 0;
}

.advantages:has(.image-bank) .image-bank {
  max-width: 140px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advantages:has(.image-bank) .image-bank img {
  max-width: 100%;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.advantages:has(.image-bank) .bottom.botom-bank {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(166, 124, 58, 0.18);
  padding-top: 16px;
}

.advantages:has(.image-bank) .text-bank {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: baseline;
  padding: 9px 0;
  border-bottom: 1px solid rgba(166, 124, 58, 0.1);
}

.advantages:has(.image-bank) .text-bank:last-child {
  border-bottom: 0;
}

.advantages:has(.image-bank) .text-bank-left {
  color: rgba(26, 20, 16, 0.55);
  -webkit-text-fill-color: rgba(26, 20, 16, 0.55);
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.advantages:has(.image-bank) .text-bank-right {
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: right;
}

.advantages:has(.image-bank) .programs-block {
  margin-top: 14px;
  margin-bottom: 14px;
}

.advantages:has(.image-bank) button.accordion {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(166, 124, 58, 0.3);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: "Manrope", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  letter-spacing: 0.02em;
  transition: background 0.18s ease, border-color 0.18s ease;
  position: relative;
}

.advantages:has(.image-bank) button.accordion::after {
  content: "+";
  font-size: 18px;
  font-weight: 600;
  color: #a67c3a;
  transition: transform 0.25s ease;
  line-height: 1;
}

.advantages:has(.image-bank) button.accordion.active::after {
  transform: rotate(45deg);
}

.advantages:has(.image-bank) button.accordion:hover {
  background: rgba(166, 124, 58, 0.08);
  border-color: rgba(166, 124, 58, 0.5);
}

.advantages:has(.image-bank) .panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.25s ease;
}

.advantages:has(.image-bank) button.accordion.active + .panel {
  max-height: 600px;
  padding: 12px 4px 4px;
}

.advantages:has(.image-bank) .panel .blitcr,
.advantages:has(.image-bank) .panel .blitcr * {
  font-family: "Manrope", sans-serif;
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(26, 20, 16, 0.75);
  -webkit-text-fill-color: rgba(26, 20, 16, 0.75);
}

.advantages:has(.image-bank) .but-zav {
  margin-top: auto;
  padding-top: 8px;
}

.advantages:has(.image-bank) .but-zav .styled-btn {
  width: 100%;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  padding: 0 24px;
  border-radius: 12px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.advantages:has(.image-bank)::before {
  content: "Аккредитованные банки-партнёры";
  display: block;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-weight: 700;
  margin-bottom: 28px;
  position: relative;
}

.advantages:has(.image-bank)::before::before {
  content: "";
}

.advantages:has(.image-bank) .text-bank {
  grid-template-columns: minmax(0, 1fr) minmax(auto, max-content);
  align-items: center;
  gap: 10px;
}

.advantages:has(.image-bank) .text-bank-left {
  font-size: 11.5px;
  letter-spacing: 0.01em;
  white-space: normal;
}

.advantages:has(.image-bank) .text-bank-right {
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: -0.01em;
}

.advantages:has(.image-bank)::before {
  font-size: 12px;
  letter-spacing: 0.24em;
  margin-bottom: 24px;
  padding-top: 24px;
  display: block;
}

.our-works {
  background: linear-gradient(
  180deg,
  #14100d 0%,
  #14100d 55%,
  #241a10 75%,
  #ebe1cd 100%
  );
  background-color: #14100d;
  position: relative;
}

.our-works .b-title,
.our-works .b-title.light,
.our-works h2,
.our-works h3 {
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  position: relative;
  z-index: 1;
}

.our-works .b-title b,
.our-works .b-title.light b {
  color: #cf9f4b;
  -webkit-text-fill-color: #cf9f4b;
}

.our-works .sub-title,
.our-works .eyebrow {
  color: rgba(207, 159, 75, 0.82);
  -webkit-text-fill-color: rgba(207, 159, 75, 0.82);
}

.our-works .scandi-works__eyebrow {
  color: rgba(207, 159, 75, 0.82);
  -webkit-text-fill-color: rgba(207, 159, 75, 0.82);
}

.our-works .scandi-works__title {
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
}

.our-works .scandi-works__title b {
  color: #cf9f4b;
  -webkit-text-fill-color: #cf9f4b;
}

.our-works .scandi-works__btn {
  border-color: rgba(207, 159, 75, 0.38);
  color: #d4ad6e;
}

.our-works .scandi-works__btn:hover:not([disabled]) {
  background: rgba(207, 159, 75, 0.12);
  border-color: rgba(207, 159, 75, 0.65);
}

.our-works .scandi-works__pdot {
  background: rgba(255, 255, 255, 0.18);
  border: none;
}

.our-works .scandi-works__pdot.is-active {
  background: #cf9f4b;
}

.advantages:has(.image-bank) {
  margin-top: -160px;
  padding-top: 160px;
}

section.block-with-video,
div.block-with-video,
.block-with-video.block-padding,
.block-with-video {
  background: #f0e8d8;
  background-color: #f0e8d8;
  background-image: none;
}

.block-with-video .block-with-video-wrapper,
.block-with-video-wrapper {
  background: transparent;
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
}

.block-with-video .in.block-with-video-in,
.block-with-video-wrapper .in.block-with-video-in {
  background: transparent;
  border: none;
  box-shadow: none;
}

.block-with-video video,
.block-with-video .block-with-video-media,
.block-with-video .video-preview {
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18), 0 8px 24px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}

.block-with-video .b-title,
.block-with-video .b-title.light,
.block-with-video .in.block-with-video-in > .title,
.block-with-video .in.block-with-video-in > .title.b-title,
.block-with-video .block-with-video-wrapper .title.b-title,
.block-with-video h2,
.block-with-video h3 {
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  position: relative;
  z-index: 1;
}

.block-with-video .b-title b,
.block-with-video .b-title.light b,
.block-with-video .in.block-with-video-in > .title b,
.block-with-video .in.block-with-video-in > .title.b-title b {
  color: #b08832;
  -webkit-text-fill-color: #b08832;
}

.block-with-video .sub-title,
.block-with-video .eyebrow,
.block-with-video .block-with-video-text .subtitle.b-title {
  color: rgba(130, 95, 35, 0.85);
  -webkit-text-fill-color: rgba(130, 95, 35, 0.85);
  position: relative;
  z-index: 1;
}

section.our-works,
div.our-works,
.our-works.block-padding,
.our-works {
  background: #f5f1eb;       /* единый КРЕМ — общий фон триптиха (дома/карта/экскурсия) */
  background-color: #f5f1eb;
  background-image: none;
  position: static;
}

.our-works .b-title,
.our-works .b-title.light,
.our-works h2,
.our-works h3 {
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
}

.our-works .b-title b {
  color: #b08832;
  -webkit-text-fill-color: #b08832;
}

.our-works .sub-title,
.our-works .eyebrow {
  color: rgba(130, 95, 35, 0.85);
  -webkit-text-fill-color: rgba(130, 95, 35, 0.85);
}

.our-works .scandi-works__eyebrow {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
}

.our-works .scandi-works__title {
  color: #14100d;
  -webkit-text-fill-color: #14100d;
}

.our-works .scandi-works__title b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.our-works .scandi-works__btn {
  border-color: rgba(130, 95, 35, 0.38);
  color: #7a5c20;
  background: rgba(240, 232, 216, 0.7);
}

.our-works .scandi-works__btn:hover:not([disabled]) {
  background: rgba(130, 95, 35, 0.10);
  border-color: rgba(130, 95, 35, 0.65);
}

.our-works .scandi-works__pdot {
  background: rgba(30, 20, 10, 0.18);
  border: 1px solid rgba(30, 20, 10, 0.28);
}

.our-works .scandi-works__pdot.is-active {
  background: #b08832;
  border-color: #b08832;
}

.our-works .scandi-works__viewport,
.scandi-works__viewport {
  overflow: visible;
  box-shadow:
  0 32px 60px -20px rgba(20, 16, 13, 0.30),
  0 80px 80px -60px rgba(20, 16, 13, 0.18),
  0 4px 12px rgba(20, 16, 13, 0.08);
  border-radius: 16px;
}

.our-works .scandi-works__viewport {
  /* Высота ПО КОНТЕНТУ активного слайда (контент варьируется 520–726px: 1 vs 2 кнопки,
     разный объём «включено»). Фикс-высота 640 — единый размер всех слайдов (без «скачков»
     при переключении). Высота по контенту активного слайда + пол min-height на панели
     (.scandi-works__info) → нет клиппинга кнопок, нет крошечных карточек, нет «скачков в 0».
     Фото = .scandi-works__hero (position:absolute) покрывает высоту панели. */
  min-height: 0;
  height: auto;
}

.our-works .scandi-works__slide {
  height: 100%;
  min-height: 0;
}
.our-works .scandi-works__slide.is-active {
  height: auto;
  min-height: 0;
}

.our-works .scandi-works__track {
  min-height: 100%;
  height: 100%;
}

.our-works .scandi-works__media,
.our-works .scandi-works__hero {
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  overflow: hidden;
}

.our-works .scandi-works__hero img,
.our-works .scandi-works__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.our-works {
  padding-bottom: 100px;
}

.our-works .scandi-works__viewport::before,
.our-works .scandi-works__viewport::after,
.scandi-works__viewport::before,
.scandi-works__viewport::after {
  display: none;
  content: none;
  border: none;
}

.our-works .scandi-works__viewport > .scandi-works__btn {
  position: absolute;
  top: 56px;
  z-index: 20;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(193, 154, 91, 0.45);
  color: #d4ad6e;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  transition: all .18s cubic-bezier(.22,1,.36,1);
}

.our-works .scandi-works__viewport > .scandi-works__btn:hover:not([disabled]) {
  background: rgba(193, 154, 91, 0.20);
  border-color: #c19a5b;
  color: #ffe5b8;
  transform: scale(1.06);
}

.our-works .scandi-works__viewport > .scandi-works__btn[disabled] {
  opacity: 0.30;
  cursor: not-allowed;
  pointer-events: none;
}

.our-works .scandi-works__viewport > .scandi-works__btn--prev {
  right: 82px;
  left: auto;
}

.our-works .scandi-works__viewport > .scandi-works__btn--next {
  right: 36px;
  left: auto;
}

.our-works .scandi-works__nav > .scandi-works__btn,
.scandi-works__nav > .scandi-works__btn {
  display: none;
}

.our-works .scandi-works__nav,
.scandi-works__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 32px;
}

.advantages:has(.image-bank) {
  margin-top: -60px;
  padding-top: 60px;
}

.scandi-mortgage__banks {
  margin-top: 56px;
  position: relative;
}

.scandi-mortgage__banks-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(130, 95, 35, 0.78);
  margin-bottom: 24px;
  text-align: center;
  justify-content: center;
}

.scandi-mortgage__banks-eyebrow-dot {
  width: 6px;
  height: 6px;
  background: #c19a5b;
  border-radius: 50%;
}

.scandi-mortgage__banks-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

@media (max-width: 1199px) {
  .scandi-mortgage__banks-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .scandi-mortgage__banks-grid {
    grid-template-columns: 1fr;
  }
}

.scandi-mortgage__bank {
  display: flex;
  flex-direction: column;
  background: #1e130a;
  border: 1px solid rgba(207, 159, 75, 0.22);
  border-radius: 16px;
  padding: 30px 26px 26px;
  min-height: 400px;
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.22), 0 2px 12px rgba(0, 0, 0, 0.12);
  transition: all .26s cubic-bezier(.22,1,.36,1);
  position: relative;
  overflow: hidden;
}

.scandi-mortgage__bank::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 173, 110, 0.55) 50%, transparent);
}

.scandi-mortgage__bank:hover {
  transform: translateY(-4px);
  border-color: rgba(207, 159, 75, 0.50);
  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.18);
}

.scandi-mortgage__bank-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 22px;
  padding: 0 0 18px;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(207, 159, 75, 0.18);
  border-radius: 0;
  box-shadow: none;
  min-height: 0;
}

.scandi-mortgage__bank-header::before {
  content: 'Банк';
  display: inline-block;
  padding: 4px 10px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  background: rgba(212, 173, 110, 0.10);
  border: 1px solid rgba(212, 173, 110, 0.22);
  border-radius: 999px;
}

.scandi-mortgage__bank-name {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #ffe5b8;
  -webkit-text-fill-color: #ffe5b8;
  background: none;
  text-align: left;
  margin: 0;
}

/* Hero-стат: ставка — главная цифра карточки */
.scandi-mortgage__bank-rate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0 0 20px;
}
.scandi-mortgage__bank-rate-value {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 55%, #c19a5b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-variant-numeric: tabular-nums lining-nums;
}
.scandi-mortgage__bank-rate-label {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(216, 207, 186, 0.55);
  -webkit-text-fill-color: rgba(216, 207, 186, 0.55);
}

.scandi-mortgage__bank-params {
  margin: 0 0 22px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
  flex: 1 1 auto;
}

.scandi-mortgage__bank-param {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(207, 159, 75, 0.10);
}

.scandi-mortgage__bank-param:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.scandi-mortgage__bank-param dt {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  color: rgba(216, 207, 186, 0.58);
  -webkit-text-fill-color: rgba(216, 207, 186, 0.58);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
}

.scandi-mortgage__bank-param dd {
  /* единый шрифт как в «Каталог ТОП проектов…» — Manrope, не mono. Цифры держим
     ровными через tabular-nums (Manrope это умеет), но семейство — общее. */
  font-family: var(--font-display, 'Manrope'), sans-serif;
  color: #f3ecdc;
  -webkit-text-fill-color: #f3ecdc;
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  text-align: right;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
  font-variant-numeric: tabular-nums lining-nums;
}

.scandi-mortgage__bank-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 22px;
  background: transparent;
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  border: 1px solid rgba(207, 159, 75, 0.50);
  border-radius: 999px;
  text-decoration: none;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-top: auto;
  cursor: pointer;
  transition: all .18s cubic-bezier(.22,1,.36,1);
}

.scandi-mortgage__bank-cta-arr {
  flex-shrink: 0;
  transition: transform .22s cubic-bezier(.22,1,.36,1);
}

.scandi-mortgage__bank-cta:hover {
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
}
.scandi-mortgage__bank-cta:hover .scandi-mortgage__bank-cta-arr { transform: translateX(4px); }

/* премиум-глубина карточки: мягкое золотое свечение в углу */
.scandi-mortgage__bank::after {
  content: '';
  position: absolute;
  top: -40%;
  right: -30%;
  width: 70%;
  height: 70%;
  background: radial-gradient(circle, rgba(212, 173, 110, 0.16), transparent 70%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.8;
  transition: opacity .3s ease;
}
.scandi-mortgage__bank:hover::after { opacity: 1; }
.scandi-mortgage__bank > * { position: relative; z-index: 1; }

@media (max-width: 991px) {
  .scandi-mortgage__hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .scandi-mortgage__hero-content {
    padding: 32px 24px;
  }
  .scandi-mortgage__hero-media {
    order: -1;
    aspect-ratio: 16 / 9;
  }
  .scandi-mortgage__benefits {
    grid-template-columns: 1fr;
  }
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R7c — JS-перестраиваемые блоки главной (scandi-redesign.js)               ║
   ║  .scandi-about + .scandi-team (О компании: hero/stats/сотрудники) ·         ║
   ║  .scandi-certs + .scandi-cert-lightbox (сертификаты grid + лайтбокс).       ║
   ║  Маркап строит JS в рантайме; здесь — его стили. Порт начисто.              ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

.about-company .scandi-about {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  gap: 36px;
}

.about-company .scandi-about__hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 56px;
  align-items: end;
}

@media (max-width: 991px) {
  .about-company .scandi-about__hero {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.about-company .scandi-about__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.about-company .scandi-about__eyebrow::before {
  content: '';
  width: 36px;
  height: 1px;
  background: linear-gradient(90deg, #a67c3a, transparent);
}

.about-company .scandi-about__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0;
  line-height: 1.05;
}

.about-company .scandi-about__title b {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-about__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.7;
  color: #4a4035;
  -webkit-text-fill-color: #4a4035;
  margin: 0;
}

.about-company .scandi-about__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-top: 2px solid #a67c3a;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
  0 12px 36px rgba(120, 90, 50, 0.14),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

@media (max-width: 991px) {
  .about-company .scandi-about__stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .about-company .scandi-about__stats {
    grid-template-columns: 1fr;
  }
}

.about-company .scandi-about__stat {
  padding: 36px 28px;
  border-right: 1px solid rgba(166, 124, 58, 0.18);
  position: relative;
}

@media (max-width: 991px) {
  .about-company .scandi-about__stat:nth-child(2n) {
    border-right: 0;
  }
  .about-company .scandi-about__stat:nth-child(-n+2) {
    border-bottom: 1px solid rgba(166, 124, 58, 0.18);
  }
}

.about-company .scandi-about__stat:last-child {
  border-right: 0;
}

.about-company .scandi-about__stat-num {
  display: block;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 700;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0 0 10px;
}

.about-company .scandi-about__stat-label {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #574a39;
  -webkit-text-fill-color: #574a39;
  line-height: 1.5;
  margin: 0;
}

.about-company .scandi-team {
  position: relative;
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  border: 1px solid rgba(166, 124, 58, 0.28);
  border-top: 2px solid #a67c3a;
  border-radius: 16px;
  box-shadow:
  0 12px 36px rgba(120, 90, 50, 0.14),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  padding: 48px 56px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .about-company .scandi-team {
    padding: 32px 24px;
  }
}

.about-company .scandi-team__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.about-company .scandi-team__intro {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1 1 auto;
  min-width: 0;
}

.scandi-certs {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.scandi-certs__head {
  text-align: center;
  margin-bottom: 56px;
}

.scandi-certs__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.scandi-certs__eyebrow::before,
.scandi-certs__eyebrow::after {
  content: '';
  width: 32px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c19a5b);
}

.scandi-certs__eyebrow::after {
  background: linear-gradient(90deg, #c19a5b, transparent);
}

.scandi-certs__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0 0 14px;
  line-height: 1.1;
}

.scandi-certs__title b {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.scandi-certs__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #574a39;
  -webkit-text-fill-color: #574a39;
  margin: 0 auto;
  max-width: 680px;
}

.scandi-certs__group {
  margin-bottom: 56px;
}

.scandi-certs__group-title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.scandi-certs__group-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(166, 124, 58, 0.40), transparent);
}

.scandi-certs__viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.scandi-certs__track {
  display: flex;
  gap: 24px;
  transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}

.scandi-certs__grid {
  display: contents;
}

.scandi-certs__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 32px;
}

.scandi-certs__btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(166, 124, 58, 0.35);
  background: rgba(255, 252, 245, 0.85);
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-size: 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0;
  padding: 0;
  text-transform: none;
  box-shadow: 0 4px 14px rgba(120, 90, 50, 0.10);
  line-height: 1;
}

.scandi-certs__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border-color: #c19a5b;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.40);
}

.scandi-certs__btn:disabled,
.scandi-certs__btn[aria-disabled="true"] {
  opacity: 0.35;
  pointer-events: none;
}

.scandi-certs__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  letter-spacing: 0.06em;
  margin: 0 14px;
  min-width: 60px;
  text-align: center;
}

.scandi-certs__counter b {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-weight: 700;
}

.scandi-certs__card {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid rgba(166, 124, 58, 0.30);
  border-top: 2px solid #a67c3a;
  border-radius: 12px;
  padding: 16px 16px 18px;
  box-shadow:
  0 8px 24px rgba(120, 90, 50, 0.10),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  flex: 0 0 calc((100% - 72px) / 4);
}

@media (max-width: 991px) {
  .scandi-certs__card {
    flex: 0 0 calc((100% - 36px) / 3);
  }
}

@media (max-width: 600px) {
  .scandi-certs__card {
    flex: 0 0 calc((100% - 14px) / 2);
  }
}

.scandi-certs__card:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(166, 124, 58, 0.55);
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.30),
  0 0 24px rgba(193, 154, 91, 0.20),
  0 16px 36px rgba(120, 90, 50, 0.18),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  z-index: 3;
}

.scandi-certs__card-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(166, 124, 58, 0.18);
  margin-bottom: 12px;
}

.scandi-certs__card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  padding: 8px;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.scandi-certs__card:hover .scandi-certs__card-image img {
  transform: scale(1.03);
}

.scandi-certs__card-image::after {
  content: '⤢';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(193, 154, 91, 0.50);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
  opacity: 0;
}

.scandi-certs__card:hover .scandi-certs__card-image::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.scandi-certs__card-name {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.02em;
}

.scandi-certs__card-meta {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 6px 0 0;
  text-align: center;
}

.scandi-cert-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(20, 16, 13, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  cursor: zoom-out;
  padding: 40px;
}

.scandi-cert-lightbox.is-open {
  opacity: 1;
  visibility: visible;
}

.scandi-cert-lightbox img {
  max-width: 90vw;
  max-height: 88vh;
  border-radius: 12px;
  border: 2px solid rgba(193, 154, 91, 0.45);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.60);
  background: #fff;
  padding: 16px;
}

.scandi-cert-lightbox__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border: none;
  font-size: 22px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(193, 154, 91, 0.40);
  transition: transform 0.3s ease;
}

.scandi-cert-lightbox__close:hover {
  transform: scale(1.1);
}

.about-company .scandi-team-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 24px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto 56px;
  padding: 20px 0;
}

@media (max-width: 991px) {
  .about-company .scandi-team-hero {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
}

@media (max-width: 600px) {
  .about-company .scandi-team-hero {
    grid-template-columns: 1fr;
  }
}

.about-company .scandi-team-hero__card {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  border: 1px solid rgba(166, 124, 58, 0.30);
  border-top: 2px solid #a67c3a;
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow:
  0 8px 24px rgba(120, 90, 50, 0.12),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
  transition: all 0.4s ease;
  position: relative;
}

.about-company .scandi-team-hero__card:hover {
  transform: translateY(-4px);
  box-shadow:
  0 16px 36px rgba(120, 90, 50, 0.20),
  inset 0 1px 0 rgba(255, 255, 255, 0.50);
}

.about-company .scandi-team-hero__card-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(212, 173, 110, 0.20), rgba(166, 124, 58, 0.10));
  border: 1px solid rgba(193, 154, 91, 0.40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
}

.about-company .scandi-team-hero__card-title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0 0 6px;
}

.about-company .scandi-team-hero__card-text {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0;
  font-weight: 500;
}

.about-company .scandi-team-hero__card-text b {
  font-weight: 700;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-team-hero__card--tl {
  grid-column: 1;
  grid-row: 1;
  text-align: right;
}

.about-company .scandi-team-hero__card--tr {
  grid-column: 3;
  grid-row: 1;
}

.about-company .scandi-team-hero__card--bl {
  grid-column: 1;
  grid-row: 2;
  text-align: right;
}

.about-company .scandi-team-hero__card--br {
  grid-column: 3;
  grid-row: 2;
}

@media (max-width: 991px) {
  .about-company .scandi-team-hero__card--tl,
  .about-company .scandi-team-hero__card--tr,
  .about-company .scandi-team-hero__card--bl,
  .about-company .scandi-team-hero__card--br {
    text-align: left;
  }
  .about-company .scandi-team-hero__card--tl {
    grid-column: 1; grid-row: 2;
  }
  .about-company .scandi-team-hero__card--tr {
    grid-column: 2; grid-row: 2;
  }
  .about-company .scandi-team-hero__card--bl {
    grid-column: 1; grid-row: 3;
  }
  .about-company .scandi-team-hero__card--br {
    grid-column: 2; grid-row: 3;
  }
}

@media (max-width: 600px) {
  .about-company .scandi-team-hero__card--tl,
  .about-company .scandi-team-hero__card--tr,
  .about-company .scandi-team-hero__card--bl,
  .about-company .scandi-team-hero__card--br {
    grid-column: 1;
  }
}

.about-company .scandi-team__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0;
  line-height: 1.15;
}

.about-company .scandi-team__title b {
  font-weight: 600;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.about-company .scandi-team__nav {
  display: flex;
  gap: 10px;
  align-items: center;
}

.about-company .scandi-team__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(166, 124, 58, 0.30);
  background: rgba(255, 252, 245, 0.85);
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0;
  padding: 0;
  text-transform: none;
  box-shadow: 0 4px 12px rgba(120, 90, 50, 0.10);
}

.about-company .scandi-team__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border-color: #c19a5b;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40);
}

.about-company .scandi-team__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  letter-spacing: 0.06em;
  margin: 0 12px;
  min-width: 50px;
  text-align: center;
}

.about-company .scandi-team__counter b {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-weight: 700;
}

.about-company .scandi-team__viewport {
  overflow: hidden;
  position: relative;
}

.about-company .scandi-team__track {
  display: flex;
  gap: 20px;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}

.about-company .scandi-team__card {
  flex: 0 0 calc((100% - 60px) / 4);
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #ffffff 0%, #f7f1e6 100%);
  border: 1px solid rgba(166, 124, 58, 0.22);
  border-radius: 14px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}

@media (max-width: 991px) {
  .about-company .scandi-team__card {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}

@media (max-width: 768px) {
  .about-company .scandi-team__card {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

@media (max-width: 480px) {
  .about-company .scandi-team__card {
    flex: 0 0 100%;
  }
}

.about-company .scandi-team__card:hover {
  transform: translateY(-4px);
  border-color: rgba(166, 124, 58, 0.50);
  box-shadow: 0 16px 32px rgba(120, 90, 50, 0.18);
}

.about-company .scandi-team__photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ebe1cd, #d4c5ad);
}

.about-company .scandi-team__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  filter: saturate(1.05);
}

.about-company .scandi-team__card:hover .scandi-team__photo img {
  transform: scale(1.04);
}

.about-company .scandi-team__info {
  padding: 18px 20px 22px;
  border-top: 1px solid rgba(166, 124, 58, 0.18);
  background: rgba(255, 252, 245, 0.85);
}

.about-company .scandi-team__name {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  margin: 0 0 4px;
  line-height: 1.25;
}

.about-company .scandi-team__role {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0;
  line-height: 1.4;
}

.about-company .scandi-about__quote {
  display: none;
}

.about-company .scandi-about__quote-mark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 100px;
  line-height: 0.6;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  font-weight: 600;
  font-style: normal;
}

.about-company .scandi-about__quote-text {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 300;
  line-height: 1.5;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}

.about-company .scandi-about__quote-author {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  margin: 0;
}

.about-company .scandi-about__quote-author small {
  display: block;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin-top: 4px;
  font-size: 12px;
}

.about-company .scandi-about {
  display: grid;
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R7d — ГЛАВНАЯ: нижние JS-блоки                                            ║
   ║  .object-map / .scandi-map (география) · .realty-tour / .scandi-tour        ║
   ║  (экскурсия по объектам) · .block-text / .scandi-seo (SEO-текст аккордеон). ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

button.styled-btn,
button.styled-btn-1,
button.styled-btn.styled-btn-1.height2,
.styled-btn,
.styled-btn-1,
input[type="submit"].styled-btn,
input[type="submit"].styled-btn-1,
button.button.form-calc__sbmt,
.button.form-calc__sbmt,
.form-calc__sbmt,
.realty-tour .button,
.realty-tour button[type="submit"],
.cbform button[type="submit"],
.cbform-get-catalog button[type="submit"] {
  background: linear-gradient(135deg, #a67c3a 0%, #c19a5b 100%);
  background-color: #c19a5b;
  color: #1a1410;
  font-family: var(--font-ui);
  font-weight: 600;
  border: 0;
  box-shadow: 0 4px 14px rgba(193, 154, 91, 0.3);
  transition: all 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

section.object-map {
  background: #f5f1eb;
}

section.object-map h2,
section.object-map .object-map__title {
  color: #1a1410;
}

section.realty-tour {
  background: #14100d;
  color: #d8cfba;
}

section.realty-tour h2,
section.realty-tour h3 {
  color: #f3ecdc;
}

section.realty-tour .container-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(193, 154, 91, 0.22);
  border-radius: 12px;
  padding: 40px;
}

.block-text {
  background: #f5f1eb;
  padding: 56px 0;
}

.block-text h1,
.block-text h2,
.block-text h3 {
  color: #1a1410;
  margin-bottom: 16px;
}

.block-text p,
.block-text li {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #4a4035;
  margin-bottom: 12px;
}

.block-text a {
  color: #c19a5b;
  text-decoration: none;
  border-bottom: 1px solid rgba(193, 154, 91, 0.4);
}

section.object-map {
  background: #14100d;
  padding: 80px 0 40px;
}

section.object-map h1,
section.object-map h2,
section.object-map .object-map__title {
  color: #1f1612;
}

section.object-map h2 i {
  color: #b08832;
}

section.object-map .object-map__map,
section.object-map [class*="map-container"] {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(193,154,91,0.18);
}

/* 🗺️ Контейнер карты в clean-режиме НЕ имел высоты → Яндекс-карта рендерилась в
   0px (пустая полоса). Задаём высоту самому контейнеру (#object-map-*) и враппер-
   декорации (.scandi-map-wrap), премиальная тёмная рамка с золотом. */
section.object-map .object-map__inner { position: relative; }
section.object-map .scandi-map-wrap,
section.object-map .object-map__content {
  height: 540px;
  min-height: 540px;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #e9e2d4;   /* кремовая подложка — карта не мелькает тёмным, пока грузятся тайлы */
  border: 1px solid rgba(193, 154, 91, 0.35);
  box-shadow: 0 24px 56px -28px rgba(120, 90, 40, 0.35), 0 6px 18px rgba(120, 90, 40, 0.14);
}
section.object-map .scandi-map-wrap .object-map__content {
  height: 100%;
  min-height: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
/* НЕ трогаем внутренние элементы ymaps (placemark/cluster/panes) — карта сама
   занимает контейнер. Раньше height:100%!important на [class*="ymaps-2-1"] ломал
   иконки кластеров (гигантские наложенные круги). Подгоняем только сам контейнер. */

/* 🎨 Кремовый скин карты (как в референсе): тёплый sepia ТОЛЬКО на грунтовом слое
   тайлов. Метки/кластеры лежат в других pane — на них фильтр не действует. */
section.object-map .object-map__content [class*="ground-pane"] {
  filter: sepia(0.42) saturate(0.82) brightness(1.05) contrast(0.93) hue-rotate(-6deg);
}

@media (max-width: 768px) {
  section.object-map .scandi-map-wrap,
  section.object-map .object-map__content { height: 400px; min-height: 400px; }
}

section.realty-tour {
  background: #14100d;
  padding: 80px 0;
}

section.realty-tour h2,
section.realty-tour h3,
section.realty-tour .section-title {
  color: #f3ecdc;
}

section.realty-tour h2 i {
  color: #c19a5b;
}

section.realty-tour p,
section.realty-tour .desc {
  color: #d8cfba;
  font-size: 14px;
  line-height: 1.65;
}

section.realty-tour .container-card,
section.realty-tour .realty-tour__inner {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(193,154,91,0.22);
  border-radius: 12px;
  padding: 40px;
}

@media (max-width: 768px) {
  section.realty-tour .container-card,
  section.realty-tour .realty-tour__inner {
    padding: 28px 20px;
  }
}

section.build-stages *:not(i):not(.button):not([class*="btn"]),
section.our-works *:not(i):not(.button):not([class*="btn"]),
section.realty-tour *:not(i):not(.button):not([class*="btn"]),
section.block-with-video *:not(i):not(.button):not([class*="btn"]),
section.object-map *:not(i):not(.button):not([class*="btn"]) {

}

section.build-stages [class*="step-card__"],
section.our-works [class*="card"] *,
section.realty-tour [class*="container-card"] *,
section.mortgage-calling [class*="mortgage-calling__"],
.cbform [class*="container-card"] *,
section.block-with-video [class*="block-with-video__"] {
  border-width: 0;
  border-style: none;
  outline-width: 0;
}

section.object-map,
.object-map {
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.08) 1px, transparent 1.5px),
  radial-gradient(ellipse 80% 60% at 50% 50%, rgba(193, 154, 91, 0.10) 0%, transparent 60%),
  linear-gradient(180deg,
  #2a1f17 0%,
  #1a1410 25%,
  #14100d 50%,
  #1a1410 75%,
  #2a1f17 100%);
  background-size: 32px 32px, auto, auto;
  padding: 40px 0 60px;
  position: relative;
  margin-top: 0;
}

section.object-map::after,
.object-map::after {
  /* стык наследует коннектор-стрелку (см. .scandi-trio-link) — плоский разделитель не нужен */
  content: none;
}

section.object-map > *,
.object-map > * {
  position: relative;
  z-index: 2;
}

section.object-map::before,
.object-map::before {
  content: none;
}

section.object-map h2,
section.object-map .object-map__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(30px, 3.6vw, 50px);
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.04;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  text-align: left;
  margin: 0 0 30px;
  position: relative;
  z-index: 2;
}

section.object-map h2 i,
section.object-map h2 b,
section.object-map .object-map__title i,
section.object-map .object-map__title b {
  font-style: normal;
  background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}

/* надзаголовок «География работ» убран — заголовок «Где мы уже построили»
   говорит сам за себя, а лишняя строка дробила подачу. */
.scandi-map-eyebrow { display: none !important; }

section.object-map > .container,
.object-map > .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 2;
}

section.object-map [id^="object-map-"],
.object-map [id^="object-map-"] {
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid rgba(193, 154, 91, 0.45);
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.30),
  0 0 0 8px rgba(212, 173, 110, 0.06),
  0 24px 60px rgba(0, 0, 0, 0.45),
  inset 0 1px 0 rgba(255, 230, 180, 0.12);
  position: relative;
}

.realty-tour .scandi-tour {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 0;
  background: #fffdf8;
  border: 1px solid rgba(193, 154, 91, 0.30);
  border-top: 2px solid #c19a5b;
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.10),
  0 32px 80px rgba(0, 0, 0, 0.45);
  position: relative;
  isolation: isolate;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 480px;
}

@media (max-width: 991px) {
  .realty-tour .scandi-tour {
    grid-template-columns: 1fr;
  }
}

.realty-tour .scandi-tour__media {
  position: relative;
  overflow: hidden;
  min-height: 460px;
  background-color: #1a1410;
  background-image: url('/wp-content/themes/karkasnye-doma-redesign/assets/realty/hero.webp');
  background-size: cover;
  background-position: center 60%;
  background-repeat: no-repeat;
  isolation: isolate;
}

.realty-tour .scandi-tour__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 70%, rgba(255, 253, 248, 0.55) 100%);
  pointer-events: none;
  z-index: 2;
}

.realty-tour .scandi-tour__body {
  padding: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
  background: #fffdf8;
  position: relative;
  z-index: 2;
  color: #1f1612;
}

@media (max-width: 768px) {
  .realty-tour .scandi-tour__body {
    padding: 36px 28px;
  }
}

.realty-tour .scandi-tour__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(130, 95, 35, 0.9);
  -webkit-text-fill-color: rgba(130, 95, 35, 0.9);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.realty-tour .scandi-tour__eyebrow::before {
  content: '';
  width: 32px;
  height: 1px;
  background: linear-gradient(90deg, #c19a5b, transparent);
}

.realty-tour .scandi-tour__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  margin: 0;
  line-height: 1.15;
}

.realty-tour .scandi-tour__title b {
  font-style: normal;
  font-weight: 600;
  color: #b08832;
  -webkit-text-fill-color: #b08832;
}

.realty-tour .scandi-tour__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #5a4d3a;
  -webkit-text-fill-color: #5a4d3a;
  margin: 0;
  max-width: 520px;
}

.realty-tour .scandi-tour__form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  margin-top: 8px;
  align-items: stretch;
}

@media (max-width: 600px) {
  .realty-tour .scandi-tour__form {
    grid-template-columns: 1fr;
  }
}

.realty-tour .scandi-tour__input {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  background: #ffffff;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  border: 1px solid rgba(166, 124, 58, 0.35);
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 14px;
}

.realty-tour .scandi-tour__input::placeholder {
  color: rgba(90, 77, 58, 0.55);
  -webkit-text-fill-color: rgba(90, 77, 58, 0.55);
}

.realty-tour .scandi-tour__input:focus {
  outline: none;
  border-color: #c19a5b;
  box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.20);
}

.realty-tour .scandi-tour__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border: none;
  border-radius: 999px;
  padding: 14px 28px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.40);
  transition: all 0.4s ease;
}

.realty-tour .scandi-tour__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(193, 154, 91, 0.55);
  filter: brightness(1.06);
}

.realty-tour .scandi-tour__note {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  color: #786e60;
  -webkit-text-fill-color: #786e60;
  margin: 8px 0 0;
  line-height: 1.5;
}

.realty-tour .scandi-tour__note a {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  text-decoration: underline;
  text-decoration-color: rgba(166, 124, 58, 0.40);
}

.realty-tour .container-card,
.realty-tour .realty-tour__content,
.realty-tour .realty-tour__inner,
.realty-tour .realty-tour__image {
  display: none;
}

section.object-map .scandi-map-wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1320px;
  padding: 14px;
  background:
  radial-gradient(circle at 15% 20%, rgba(193, 154, 91, 0.10), transparent 60%),
  radial-gradient(circle at 85% 80%, rgba(212, 173, 110, 0.08), transparent 60%),
  linear-gradient(135deg, #1f1612 0%, #1a1310 50%, #14100d 100%);
  border: 1px solid rgba(193, 154, 91, 0.32);
  border-top: 1px solid rgba(193, 154, 91, 0.50);
  border-bottom: 1px solid rgba(193, 154, 91, 0.50);
  border-radius: 6px;
  box-shadow:
  0 0 0 1px rgba(255, 252, 245, 0.04),
  0 28px 64px rgba(0, 0, 0, 0.45),
  0 10px 24px rgba(0, 0, 0, 0.30),
  inset 0 0 0 1px rgba(193, 154, 91, 0.08);
  overflow: visible;
  isolation: isolate;
}

section.object-map .scandi-map-wrap [id^="object-map-"],
section.object-map .scandi-map-wrap > div:not(.scandi-map-wrap__tr):not(.scandi-map-wrap__br):not(.scandi-map-wrap__legend) {
  position: relative;
  z-index: 1;
  border-radius: 3px;
  overflow: hidden;
  box-shadow:
  inset 0 0 0 1px rgba(193, 154, 91, 0.35),
  0 4px 12px rgba(0, 0, 0, 0.35);
}

section.object-map .scandi-map-wrap::before,
section.object-map .scandi-map-wrap::after {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  border: 1.5px solid #c19a5b;
  pointer-events: none;
  z-index: 4;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(193, 154, 91, 0.45);
}

section.object-map .scandi-map-wrap::before {
  top: -10px;
  left: -10px;
  border-right: 0;
  border-bottom: 0;
}

section.object-map .scandi-map-wrap::after {
  bottom: -10px;
  right: -10px;
  border-left: 0;
  border-top: 0;
}

section.object-map .scandi-map-wrap__br,
section.object-map .scandi-map-wrap__tr {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 1.5px solid #c19a5b;
  pointer-events: none;
  z-index: 4;
  box-shadow: 0 0 10px rgba(193, 154, 91, 0.45);
}

section.object-map .scandi-map-wrap__tr {
  top: -10px;
  right: -10px;
  border-left: 0;
  border-bottom: 0;
}

section.object-map .scandi-map-wrap__br {
  bottom: -10px;
  left: -10px;
  border-right: 0;
  border-top: 0;
}

section.object-map .scandi-map-wrap__legend {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  background: rgba(20, 16, 13, 0.82);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(212, 173, 110, 0.45);
  border-radius: 999px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
  pointer-events: none;
  box-shadow:
  0 0 0 1px rgba(255, 230, 180, 0.06),
  0 8px 22px rgba(0, 0, 0, 0.45);
}

section.object-map .scandi-map-wrap__legend::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffe5b8, #c19a5b);
  box-shadow: 0 0 8px rgba(212, 173, 110, 0.60);
}

section.realty-tour,
.realty-tour {
  background: #f5f1eb;        /* кремовый — единый фон триптиха «реализованные проекты» */
  padding: 70px 0 90px;
  margin-top: 0;
  position: relative;
}

/* Стык карта↔форма наследует коннектор-стрелку (.scandi-trio-link) — плоские
   ромб/линия отключены. */
section.realty-tour::before,
.realty-tour::before { content: none; }
section.realty-tour::after,
.realty-tour::after { content: none; }

section.realty-tour > *,
.realty-tour > * {
  position: relative;
  z-index: 2;
}

section.realty-tour {
  background: #14100d;        /* однородный фон, та же заливка что и карта — без геометрии */
  padding: 48px 0 100px;     /* поднято ближе к карте сверху */
}

/* ════════ ТРИПТИХ «РЕАЛИЗОВАННЫЕ ПРОЕКТЫ» = ОДИН большой блок ════════
   построенные дома → карта → экскурсия. Единый ровный фон #14100d (без геометрии,
   без градиента-шва), плотные внутренние стыки, одинаковые ◇-разделители на стыках
   (object-map::before/::after, realty-tour::before/::after). Читается слитно. */
section.our-works, .our-works,
section.object-map, .object-map,
section.realty-tour, .realty-tour {
  background: #f5f1eb;
}
section.our-works,  .our-works  { padding: 80px 0 56px; }
section.object-map, .object-map { padding: 56px 0 56px; }
section.realty-tour, .realty-tour { padding: 56px 0 100px; }

/* ── Коннектор-стык триптиха (В1 ось+узел × В2 стрелка-CTA) ──
   Золотая нить-ось с «бусиной»-пиллой, которая ведёт к следующей секции
   и одновременно работает призывом. Вставляется JS между секциями. */
.scandi-trio-link {
  position: relative;
  z-index: 6;
  display: flex;
  justify-content: center;
  background: #f5f1eb;
  margin: -26px 0;
  padding: 0;
}
.scandi-trio-link::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 112px;
  background: linear-gradient(180deg, rgba(166,124,58,0) 0%, rgba(166,124,58,.55) 24%, rgba(166,124,58,.55) 76%, rgba(166,124,58,0) 100%);
}
.scandi-trio-link__pill {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
.scandi-trio-link__arr {
  width: 54px;
  height: 54px;
  flex: none;
  border-radius: 50%;
  background: #fffdf8;
  border: 1px solid rgba(166,124,58,.40);
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  box-shadow: 0 14px 32px rgba(120,90,50,.16), inset 0 1px 0 rgba(255,255,255,.7);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.scandi-trio-link__pill:hover .scandi-trio-link__arr {
  background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
  border-color: transparent;
  color: #1a120a;
  -webkit-text-fill-color: #1a120a;
  transform: translateY(4px);
  box-shadow: 0 20px 42px rgba(120,90,50,.26);
}
@media (max-width: 600px) {
  .scandi-trio-link { margin: -18px 0; }
  .scandi-trio-link__arr { width: 46px; height: 46px; font-size: 18px; }
}

/* ════════ БЛОК ОТЗЫВОВ (ReviewLab) — презентабельная кремовая обёртка ════════
   Виджет внутрь не лезем (сторонний компонент), но обрамляем: кремовая секция,
   левый редакторский заголовок + золотой рейтинг-бейдж (данные тянутся из
   JSON-LD виджета через JS), сам виджет — в кремовой панели с золотой кромкой. */
.catalog:has(review-lab),
.scandi-reviews {
  background: #f5f1eb;
  padding: 84px 0 92px;
}
.scandi-reviews .title-new { display: none; } /* старый центрированный — прячем, заменён на __head */

.scandi-reviews__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(24px, 4vw, 56px);
  margin: 0 0 clamp(34px, 4vw, 52px);
  flex-wrap: wrap;
}
.scandi-reviews__head-main { min-width: 0; }
.scandi-reviews__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
  color: #a67c3a; -webkit-text-fill-color: #a67c3a;
  margin: 0 0 16px; display: flex; align-items: center; gap: 14px;
}
.scandi-reviews__eyebrow::before {
  content: ''; width: 44px; height: 1px; flex: none;
  background: linear-gradient(90deg, #a67c3a, transparent);
}
.scandi-reviews__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(30px, 3.6vw, 50px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.04 !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  text-align: left !important;
  margin: 0 !important;
}
.scandi-reviews__title b {
  font-weight: 500;
  background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
/* рейтинг-бейдж */
.scandi-reviews__badge {
  flex: none;
  display: flex; flex-direction: column; align-items: flex-end;
  padding: 16px 22px;
  background: #fffdf8;
  border: 1px solid rgba(166,124,58,.30);
  border-top: 2px solid #c19a5b;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(120,90,50,.12), inset 0 1px 0 rgba(255,255,255,.6);
}
.scandi-reviews__badge-top { display: flex; align-items: baseline; gap: 12px; }
.scandi-reviews__rate {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 38px; font-weight: 800; line-height: 1; letter-spacing: -.02em;
  background: linear-gradient(118deg, #8a5a1f 0%, #c79a52 46%, #a67c3a 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.scandi-reviews__stars { font-size: 16px; color: #c79a52; letter-spacing: 2px; }
.scandi-reviews__count {
  font-size: 13px; color: #5a4d3a; -webkit-text-fill-color: #5a4d3a;
  margin-top: 8px; letter-spacing: .02em;
}
/* кремовая панель вокруг виджета */
.scandi-reviews .in {
  background: #fffdf8;
  border: 1px solid rgba(166,124,58,.26);
  border-top: 2px solid #c19a5b;
  border-radius: 20px;
  padding: clamp(20px, 2.4vw, 38px);
  box-shadow: 0 24px 60px rgba(120,90,50,.12), inset 0 1px 0 rgba(255,255,255,.55);
}
@media (max-width: 700px) {
  .scandi-reviews__head { align-items: flex-start; }
  .scandi-reviews__badge { flex-direction: row; align-items: center; gap: 12px; padding: 12px 18px; }
  .scandi-reviews__count { margin-top: 0; }
}

section.realty-tour h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 300;
  text-align: center;
  margin-bottom: 48px;
  color: #f3ecdc;
}

section.realty-tour h2 i {
  font-style: normal;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

section.realty-tour .container-card {
  background:
  linear-gradient(135deg, rgba(212, 173, 110, 0.06) 0%, rgba(20, 16, 13, 0.55) 100%);
  backdrop-filter: blur(24px) saturate(1.3);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  border: 1px solid rgba(193, 154, 91, 0.28);
  border-top: 2px solid #c19a5b;
  border-radius: 14px;
  padding: 48px;
  box-shadow:
  0 0 0 1px rgba(212, 173, 110, 0.10),
  0 24px 48px rgba(0, 0, 0, 0.40);
}

section.build-stages,
.our-works,
.block-with-video,
section.realty-tour,
.mortgage-calling__inner {
  position: relative;
}

div#cbform-get-catalog,
div#cbform-catalog,
section#cbform-get-catalog,
section#cbform-catalog,
div#cbform-catalog,
section#cbform-catalog,
div#cbform-architect,
section#cbform-architect,
#cbform-get-catalog,
#cbform-catalog,
#cbform-catalog,
#cbform-architect,
#cbform-sample,
#cbform-viewing,
.cbform-get-catalog,
.cbform-architect,
.cbform-sample,
.cbform-viewing,
.cbform:not(#catalog),
.about-company,
#about-company,
.discount-calculator,
.cert-container,
.mortgage-calling,
section.mortgage-calling,
.block-text,
section.block-text,
.seo-section,
section.seo-section,
.seo-section--alt,
section.seo-section--alt,
.seo-cta,
section.seo-cta,
.seo-team-block,
section.seo-team-block,
.geo-work-section,
section.geo-work-section,
.catalog.block-padding:not(#catalog) {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
  radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.10) 0%, transparent 60%),
  linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%);
  background-size: 24px 24px, auto, auto;
  background-color: #ebe1cd;
  position: relative;
}

/* .realty-tour и .our-works ВЫНЕСЕНЫ из тёмной темы — они в кремовом
   триптихе «реализованные проекты» (см. блок ТРИПТИХ). */
.block-with-video,
section.block-with-video,
.rate-quality,
section.rate-quality,
.rite-quality,
section.rite-quality,
.step2,
section.step2,
.step2-block,
.white-box,
section.white-box,
#white-box-default,
div#white-box-default,
.white-box-default,
section.white-box-default,
.complectations-block,
section.complectations-block,
.object-tour,
section.object-tour,
.seo-hero,
section.seo-hero,
.video-section,
section.video-section {
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
  radial-gradient(ellipse 70% 50% at 20% 30%, rgba(193, 154, 91, 0.10) 0%, transparent 60%),
  linear-gradient(180deg, #14100d 0%, #1a1410 100%);
  background-size: 28px 28px, auto, auto;
  background-color: #14100d;
  position: relative;
}

section.build-stages h2 i,
section.build-stages h2 b,
section.our-works h2 i,
section.our-works h2 b,
section.block-with-video h2 i,
section.block-with-video h2 b,
section.realty-tour h2 i,
section.realty-tour h2 b,
.build-stages .section-title i,
.build-stages .section-title b,
.our-works .section-title i,
.our-works .section-title b,
.block-with-video .section-title i,
.block-with-video .section-title b,
.realty-tour .section-title i,
.realty-tour .section-title b {
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

section.about-company h2 i,
section.about-company h2 b,
section.cert-container h2 i,
section.cert-container h2 b,
section.object-map h2 i,
section.object-map h2 b,
section.discount-calculator h2 i,
section.discount-calculator h2 b,
section.cbform h2 i,
section.cbform h2 b,
section.mortgage-calling .section-title i,
section.mortgage-calling .section-title b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

section.realty-tour .breadcrumbs,
section.our-works .breadcrumbs,
section.build-stages .breadcrumbs,
section.block-with-video .breadcrumbs {
  color: rgba(243, 236, 220, 0.55);
}

section.block-text,
.block-text {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
  linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%);
  background-size: 26px 26px, auto;
  padding: 80px 0;
}

.block-text h2,
.block-text h3,
section.block-text h2,
section.block-text h3 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #1a1410;
  margin-bottom: 20px;
}

.block-text h2 i,
.block-text h2 b,
section.block-text h2 i,
section.block-text h2 b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-style: normal;
}

.block-text p,
section.block-text p,
.block-text li,
section.block-text li {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: #4a4035;
  -webkit-text-fill-color: #4a4035;
  margin-bottom: 14px;
}

.block-text strong,
section.block-text strong,
.block-text b,
section.block-text b {
  color: #1a1410;
  -webkit-text-fill-color: #1a1410;
  font-weight: 700;
}

.block-text a,
section.block-text a {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  text-decoration: none;
  border-bottom: 1px solid rgba(166, 124, 58, 0.30);
  transition: color 0.3s ease, border-color 0.3s ease;
}

.block-text a:hover,
section.block-text a:hover {
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  border-color: #c19a5b;
}

@media (max-width: 768px) {
  section.realty-tour .container-card,
  .mortgage-calling__inner,
  .cbform__inner {
    padding: 24px;
  }
}

.object-map__map,
section.object-map .map,
section.object-map [class*="map-"]:not(.map-icon),
section.object-map iframe {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(166, 124, 58, 0.28);
  box-shadow: 0 16px 40px rgba(120, 90, 50, 0.18);
}

section.cbform-get-catalog > *,
section.cbform-architect > *,
section.cbform-sample > *,
section.cbform-viewing > *,
section.about-company > *,
section.discount-calculator > *,
section.cert-container > *,
section.object-map > *,
section.mortgage-calling > *,
section.block-text > *,
section.build-stages > *,
section.realty-tour > *,
.our-works > *,
.block-with-video > * {
  position: relative;
  z-index: 1;
}

body.scandi-no-hero section:not([id]):not([class*="top"]):not([class*="footer"]):not(.realty-tour):not(.our-works):not(.build-stages):not(.block-with-video):not(.rate-quality):not(.video-section):not([class*="seo-hero"]):not([class*="step2"]):not([class*="step-"]) {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.92) 0%, rgba(245, 235, 215, 0.85) 100%);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  border: 1px solid rgba(166, 124, 58, 0.22);
  border-top: 2px solid #a67c3a;
  border-radius: 14px;
  padding: 28px 32px;
  margin: 0 auto 16px;
  max-width: 1200px;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}

section.build-stages > .container::before,
section.our-works > .container::before,
section.about-company > .container::before,
section.realty-tour > .container::before,
section.block-with-video > .container::before {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%);
  margin: 0 auto 32px;
}

section.build-stages .container,
section.our-works .container,
section.about-company .container,
section.block-with-video .container,
section.realty-tour .container,
section.cert-container .container,
section.object-map .container,
section.mortgage-calling .container,
section.discount-calculator .container,
section.cbform .container,
section.cbform-architect .container,
section.cbform-sample .container,
section.cbform-viewing .container,
section.block-text .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

section.build-stages p,
section.our-works p,
section.block-with-video p,
section.realty-tour p,
section.rate-quality p {
  color: #c4b89f;
  -webkit-text-fill-color: #c4b89f;
  line-height: 1.65;
}

section.build-stages .section-title::after,
section.our-works .section-title::after,
section.about-company .section-title::after,
section.block-with-video .section-title::after,
section.cert-container .section-title::after,
section.realty-tour .section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 100%);
  margin: 18px auto 0;
  border-radius: 2px;
}

section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
}

section.realty-tour .breadcrumbs a,
section.our-works .breadcrumbs a,
section.build-stages .breadcrumbs a,
section.block-with-video .breadcrumbs a {
  color: rgba(243, 236, 220, 0.75);
  -webkit-text-fill-color: rgba(243, 236, 220, 0.75);
}

section.realty-tour + .cbform,
.realty-tour + .cbform,
.block-with-video + .cert-container,
.our-works + section.object-map {
  position: relative;
}

.block-text,
section.block-text {
  background:
  radial-gradient(circle, rgba(166, 124, 58, 0.04) 1px, transparent 1.5px),
  linear-gradient(180deg, #f5efe1 0%, #ece2c9 60%, #e0d2af 100%);
  background-size: 28px 28px, auto;
  padding: 40px 0 60px;
  position: relative;
}

.block-text .container {
  max-width: 980px;
  padding: 0 32px;
}

.block-text .block-text-wrapper,
.block-text .in,
.block-text .left-full {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
}

.block-text .text-in[style*="none"] {
  display: none;
}

.block-text .scandi-seo {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(250, 243, 225, 0.92) 100%);
  border: 1px solid rgba(166, 124, 58, 0.24);
  border-radius: 14px;
  box-shadow:
  0 8px 24px rgba(120, 90, 50, 0.10),
  0 2px 8px rgba(120, 90, 50, 0.06);
  position: relative;
  overflow: hidden;
}

.block-text .scandi-seo::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(166, 124, 58, 0.45) 50%, transparent);
  z-index: 2;
  pointer-events: none;
}

.block-text .scandi-seo__inner {
  padding: 56px 64px 48px;
  position: relative;
}

@media (max-width: 991px) {
  .block-text .scandi-seo__inner {
    padding: 40px 28px 32px;
  }
}

.block-text .scandi-seo__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  background: rgba(212, 173, 110, 0.12);
  border: 1px solid rgba(166, 124, 58, 0.38);
  border-radius: 999px;
  padding: 4px 12px;
  margin: 0 0 18px;
  display: inline-flex;
  align-items: center;
  width: auto;
  align-self: flex-start;
}

.block-text .scandi-seo__eyebrow::before {
  content: none;
  display: none;
}

.block-text .scandi-seo__title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  margin: 0 0 28px;
}

.block-text .scandi-seo__title b,
.block-text .scandi-seo__title i {
  font-style: normal;
  font-weight: 700;
  background: linear-gradient(135deg, #a67c3a, #c19a5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.block-text .scandi-seo__lead p {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #4a4035;
  -webkit-text-fill-color: #4a4035;
  margin: 0 0 14px;
  letter-spacing: 0.01em;
}

.block-text .scandi-seo__rest {
  position: relative;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  max-height: 9999px;
}

.block-text .scandi-seo__rest[data-collapsed="1"] {
  max-height: 0;
}

.block-text .scandi-seo__rest h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: clamp(20px, 2vw, 24px);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: #1f1612;
  -webkit-text-fill-color: #1f1612;
  margin: 32px 0 12px;
  padding-left: 16px;
  border-left: 2px solid #c19a5b;
}

.block-text .scandi-seo__rest h3 {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
  color: #2a201a;
  -webkit-text-fill-color: #2a201a;
  margin: 24px 0 8px;
}

.block-text .scandi-seo__rest p,
.block-text .scandi-seo__rest li {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #574a39;
  -webkit-text-fill-color: #574a39;
  margin: 0 0 12px;
}

.block-text .scandi-seo__rest a {
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  text-decoration: none;
  border-bottom: 1px solid rgba(166, 124, 58, 0.35);
  transition: color 0.3s ease, border-color 0.3s ease;
}

.block-text .scandi-seo__rest a:hover {
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  border-bottom-color: #c19a5b;
}

.block-text .scandi-seo__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding: 12px 22px;
  background: transparent;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  border: 1px solid rgba(166, 124, 58, 0.50);
  border-radius: 999px;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.block-text .scandi-seo__toggle:hover {
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%);
  border-color: transparent;
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30);
}

.block-text .scandi-seo__toggle-icon {
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 14px;
}

.block-text .scandi-seo__toggle[aria-expanded="true"] .scandi-seo__toggle-icon {
  transform: rotate(180deg);
}

.block-text:has(.scandi-seo) > .container > h2,
.block-text:has(.scandi-seo) > .container > h3,
.block-text:has(.scandi-seo) .left-full > h2:not(.scandi-seo__title),
.block-text:has(.scandi-seo) .left-full > h3:not(.scandi-seo__title),
.block-text:has(.scandi-seo) .scandi-seo__lead h2,
.block-text:has(.scandi-seo) .scandi-seo__lead h3,
.block-text:has(.scandi-seo) .scandi-seo__lead h4 {
  display: none;
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R5b — GET-CATALOG (clean) — ВЫДЕЛЕННЫЙ компонент .scandi-cat, 1:1 референс  ║
   ║  Книга-фото слева (в рамке), форма-карточка справа НА СКРЕПКЕ, наезжает на   ║
   ║  край книги. Рендерит components/cbform-get-catalog.php только в clean-mode. ║
   ║  Полностью независим от .scandi-form (тот фон/вложенный заголовок ломали).   ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
.scandi-cat { position: relative; }
.scandi-cat .container { max-width: 1200px; }

.scandi-cat__title {
  font-family: var(--font-ui, 'Manrope', sans-serif);
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: #1a1410;
  margin: 0 0 36px;
}
.scandi-cat__gold {
  background: linear-gradient(135deg, #e6c285, #d4ad6e 35%, #c19a5b 65%, #a67c3a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.scandi-cat__row { position: relative; }

/* КНИГА — рамка с фото каталога, заполняет рамку (object-fit cover, ratio = фото) */
/* фото каталога с ПРОЗРАЧНЫМ фоном → НЕ кладём в рамку с тенью (это и была «подложка»).
   Книга «парит»: contain + drop-shadow по контуру книги, без прямоугольной плашки. */
.scandi-cat__visual {
  margin-right: 24%;            /* место под форму справа (форма наезжает на книгу) */
  aspect-ratio: 16 / 11;        /* высота ≥ формы → центрированная форма не лезет в блок ниже */
}
.scandi-cat__visual img {
  display: block; width: 100%; height: 100%;
  object-fit: contain;          /* показываем книгу целиком, прозрачный фон сливается с секцией */
  filter: drop-shadow(0 26px 40px rgba(40, 26, 12, 0.30)) drop-shadow(0 8px 14px rgba(40, 26, 12, 0.18));
}

/* ФОРМА — плавающая кремовая карточка справа, по центру по вертикали, НАЕЗЖАЕТ на книгу
   (левый край формы лежит на правой странице каталога → скрепка на книге, не в воздухе) */
.scandi-cat__formwrap {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 42%;
  max-width: 450px;
  z-index: 3;
}
.scandi-cat__form {
  position: relative;
  box-sizing: border-box;
  background: linear-gradient(180deg, #fffdf8, #f6ecd6);
  border: 1px solid rgba(193, 154, 91, 0.32);
  border-radius: 18px;
  padding: 28px 28px 26px;
  /* мощная тень → карточка ПОДНЯТА над страницей книги (не «лежит на подложке») */
  box-shadow: 0 40px 70px -20px rgba(40, 26, 12, 0.45), 0 12px 26px rgba(40, 26, 12, 0.22);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
/* золотая СКРЕПКА — пришпиливает форму к книге сверху */
.scandi-cat__form::before {
  content: '';
  position: absolute;
  top: -34px;
  left: 28px;
  width: 26px;
  height: 72px;
  z-index: 4;
  pointer-events: none;
  transform: rotate(-9deg);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 72' fill='none'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='72' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23f0d5a3'/><stop offset='0.25' stop-color='%23d4ad6e'/><stop offset='0.55' stop-color='%23c19a5b'/><stop offset='1' stop-color='%23956a2a'/></linearGradient></defs><path d='M 17 4 C 21.5 4, 23 6.5, 23 11 L 23 58 C 23 64, 19 68, 13 68 C 7 68, 3 64, 3 58 L 3 16 C 3 11, 5.5 8, 9.5 8 C 13.5 8, 16 11, 16 16 L 16 52' stroke='%2380572a' stroke-width='2.6' stroke-linecap='round' fill='none' opacity='0.35' transform='translate(1 1.5)'/><path d='M 17 4 C 21.5 4, 23 6.5, 23 11 L 23 58 C 23 64, 19 68, 13 68 C 7 68, 3 64, 3 58 L 3 16 C 3 11, 5.5 8, 9.5 8 C 13.5 8, 16 11, 16 16 L 16 52' stroke='url(%23g)' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M 17 5 C 20 5, 22 7, 22 10' stroke='%23fff5dc' stroke-width='0.6' stroke-linecap='round' fill='none' opacity='0.7'/></svg>") center / contain no-repeat;
  filter: drop-shadow(2px 4px 3px rgba(80, 56, 30, 0.25)) drop-shadow(0 1px 1px rgba(80, 56, 30, 0.15));
}
.scandi-cat__form-title {
  font-family: var(--font-ui, 'Manrope', sans-serif);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1a1410;
  margin: 0;
}
.scandi-cat__form-sub { margin: 0; font-size: 14px; line-height: 1.6; color: #2a2018; }
.scandi-cat__form-sub b {
  font-weight: 700;
  background: linear-gradient(135deg, #e6c285, #d4ad6e 35%, #c19a5b 65%, #a67c3a);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.scandi-cat__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.scandi-cat__field label {
  display: block;
  font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  color: #6b5f54; margin-bottom: 6px;
}
.scandi-cat__field input,
.scandi-cat__field select {
  box-sizing: border-box;        /* ФИКС: инпуты были content-box → вылазили за правый паддинг формы */
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(193, 154, 91, 0.32);
  color: #1a1410;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-family: inherit;
}
.scandi-cat__field input:focus,
.scandi-cat__field select:focus {
  outline: none;
  border-color: #c19a5b;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.18);
}
.scandi-cat__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%;
  font-family: inherit; font-weight: 700; letter-spacing: 0.04em; font-size: 13px; line-height: 1;
  border: 0; border-radius: 12px; cursor: pointer; padding: 16px 28px;
  background: linear-gradient(135deg, #e6c285, #d4ad6e 35%, #c19a5b 65%, #a67c3a);
  color: #1a1410;
  box-shadow: 0 8px 22px rgba(166, 124, 58, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-top: 2px;
}
.scandi-cat__btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(166, 124, 58, 0.38); }
.scandi-cat__btn svg { stroke: currentColor; }
.scandi-cat__legal { font-size: 11px; color: #6b5f54; line-height: 1.55; margin: 0; }
.scandi-cat__legal a { color: #a67c3a; }

/* вертикальные отступы секции (своего block-padding у .scandi-cat нет).
   Большой нижний отступ → фраза-callout НЕ упирается в блок карточек ниже. */
.scandi-cat { padding: clamp(36px, 4vw, 64px) 0 clamp(56px, 6vw, 96px); }

/* ── фраза + стрелка к карточкам домов (органично, как на проде) ── */
.scandi-cat__callout {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  margin: clamp(40px, 5vw, 72px) 0 0;
  text-align: center;
}
.scandi-cat__callout span {
  max-width: 420px;
  font-family: 'Caveat', 'Cormorant Garamond', cursive;   /* рукописный — «красивые буквы» */
  font-weight: 600;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.15;
  color: #a67c3a;
}
.scandi-cat__callout svg { color: #c19a5b; margin-top: 2px; }

@media (max-width: 980px) {
  .scandi-cat__visual { margin-right: 0; aspect-ratio: 16 / 10; }
  .scandi-cat__formwrap {
    position: relative; right: auto; top: auto; transform: none;
    width: 100%; max-width: none; margin: -44px auto 0;
  }
  .scandi-cat__form::before { left: 50%; margin-left: -13px; }
  .scandi-cat__callout { margin-top: 24px; }
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║  R8 — FOOTER (подвал) — был полностью без стилей в clean-mode               ║
   ║  Базовая раскладка footer + .scandi-fenh/.scandi-feye/.scandi-fcontact/      ║
   ║  .scandi-subfooter (JS-enhance). Порт начисто из unification.css.            ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

footer,
footer {
  background: #14100d;
  border-top: 1px solid rgba(193, 154, 91, 0.18);
  color: #d8cfba;
  padding: 56px 0 0;
}

footer .left .copyright .desc,
footer .left .copyright .desc.b-title,
footer .left .copyright .desc * {
  display: none;
}

footer .right .bottom .contacts-items {
  display: none;
}

footer .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

footer .container .in {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr;
  column-gap: 64px;
  row-gap: 0;
  align-items: start;
  width: 100%;
}

@media (max-width: 991px) {
  footer .container .in {
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 32px;
  }
}

@media (max-width: 600px) {
  footer .container .in {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }
}

footer .left {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
  float: none;
}

@media (max-width: 768px) {
  footer .left {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(193,154,91,0.12);
    margin-bottom: 8px;
  }
}

footer .left .site-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

/* Логотип-картинка содержит ЧУЖОЙ вордмарк «SCANDINAVIA GROUP» → не показываем,
   оставляем чистый текст-лого «Сканди ЭкоДом». Dashed-заглушку убрали. */
footer .left .site-logo img {
  display: none;
}
footer .left .site-logo::before {
  content: none;
}

footer .left .site-logo .b-title,
footer .left .site-logo span.b-title.bt16.bold {
  display: inline-block;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
  color: #f3ecdc;
  text-transform: none;
  white-space: nowrap;
  margin-left: 0;
  padding-left: 0;
}

footer .left .site-logo .b-title i,
footer .left .site-logo span.b-title i {
  display: inline;
  font-style: normal;
  color: #c19a5b;
  background: transparent;
  -webkit-text-fill-color: #c19a5b;
}

footer .left .site-logo .b-title br {
  display: none;
}

/* ── «Белое пятно» под футером: clean-режим снял legacy display:none с модалок
   и свёрнутого видео-iframe → они занимали ~200px на фоне body. Прячем (JS при
   открытии выставляет inline display и перекрывает это правило). ── */
/* ══════════ МОДАЛКИ (Заказать звонок / cbform-попапы) — clean ══════════
   Легаси-jQuery делает fadeIn → инлайн display:block поверх display:none.
   Легаси-CSS заглушён в clean → модалка вываливалась вниз без стилей.
   Стилизуем как центрированный оверлей с кремовой карточкой. display НЕ трогаем
   (jQuery сам ставит block при открытии). */
.modal-parent {
  display: none;                                  /* дефолт; jQuery fadeIn ставит block */
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  z-index: 100000; text-align: left;
  width: 540px; max-width: calc(100% - 32px); max-height: calc(100vh - 40px);
}
.modal-parent .modal-wrapper { position: relative; }
.modal-parent .in {
  background: #fffdf8; border-radius: 20px; border-top: 3px solid #c19a5b;
  box-shadow: 0 50px 120px -20px rgba(0,0,0,0.55), 0 0 0 1px rgba(193,154,91,0.18);
  padding: 38px 40px; overflow: auto; max-height: calc(100vh - 60px);
}
.modal-parent .modal-title { font: 700 23px/1.25 'Manrope', sans-serif; color: #14100d; letter-spacing: -0.01em; }
.modal-parent .modal-subtitle { font: 400 14px/1.55 'Manrope', sans-serif; color: #7a6a4e; margin-top: 10px; }
.modal-parent .form-style { margin-top: 22px; }
.modal-parent .form-style .f-items { display: flex; gap: 14px; flex-wrap: wrap; }
.modal-parent .form-style .f-items-left,
.modal-parent .form-style .f-items-right { flex: 1 1 100%; display: flex; flex-direction: column; gap: 14px; }
.modal-parent .form-style .f-item { flex: 1 1 100%; margin: 0; }
.modal-parent .form-style .input-wrapper { position: relative; }
.modal-parent .form-style input[type="text"],
.modal-parent .form-style input[type="tel"],
.modal-parent .form-style input[type="email"],
.modal-parent .form-style textarea {
  width: 100%; background: #fff; border: 1px solid rgba(166,124,58,0.30); border-radius: 12px;
  padding: 14px 16px; font: 400 15px/1.3 'Manrope', sans-serif; color: #1f1612; outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.modal-parent .form-style input:focus,
.modal-parent .form-style textarea:focus { border-color: #c19a5b; box-shadow: 0 0 0 3px rgba(193,154,91,0.15); }
.modal-parent .form-style textarea { min-height: 92px; resize: vertical; }
.modal-parent .form-style .input-wrapper svg { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; fill: #b89a6a; pointer-events: none; }
.modal-parent .form-style .styled-btn {
  width: 100%; padding: 15px 28px; border: 0; border-radius: 30px; cursor: pointer;
  background: linear-gradient(118deg, #8a5a1f, #c79a52 58%, #a67c3a); color: #1a120a;
  font: 600 14px/1 'Manrope', sans-serif; letter-spacing: .04em; box-shadow: 0 12px 26px rgba(166,124,58,0.3);
  transition: transform .2s ease, box-shadow .2s ease;
}
.modal-parent .form-style .styled-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(166,124,58,0.42); }
.modal-parent .privacy-policy,
.modal-parent .terms { font: 400 11px/1.45 'Manrope', sans-serif; color: #8a7a5e; margin-top: 12px; }
.modal-parent .privacy-policy a,
.modal-parent .terms a { color: #8a5a1f; }
.modal-parent .modal-close {
  position: absolute; right: 0; bottom: calc(100% + 12px); width: 36px; height: 36px; cursor: pointer;
  background: rgba(20,14,9,0.55); border-radius: 50%; display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(4px); transition: background .2s ease;
}
.modal-parent .modal-close svg { width: 15px; height: 15px; fill: #fff; }
.modal-parent .modal-close:hover { background: rgba(20,14,9,0.85); }
/* затемнение-оверлей (jQuery вешает класс bg-overlay-modal) */
.bg-overlay-modal { position: fixed; inset: 0; background: rgba(20,14,9,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 99999; opacity: 1; visibility: visible; }

/* ══════════ POPUP «Заказать звонок» — чистый scandi (заменяет parent-модалку) ══════════
   Форма scandi (.cbf) рендерится скрыто в футере, JS открывает мгновенно. Лид → Bitrix. */
.scandi-callpop { position: fixed; inset: 0; z-index: 100000; display: none; }
.scandi-callpop.is-open { display: block; }
.scandi-callpop__backdrop { position: absolute; inset: 0; background: rgba(20,14,9,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity .3s ease; }
.scandi-callpop.is-open .scandi-callpop__backdrop { opacity: 1; }
.scandi-callpop__dialog {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -45%);
  width: 480px; max-width: calc(100% - 32px); max-height: calc(100vh - 40px); overflow: auto;
  opacity: 0; transition: transform .42s cubic-bezier(.22,1,.32,1), opacity .3s ease;
  border-radius: 20px;
}
.scandi-callpop.is-open .scandi-callpop__dialog { transform: translate(-50%, -50%); opacity: 1; }
.scandi-callpop__close {
  position: absolute; top: 16px; right: 16px; z-index: 5; width: 38px; height: 38px; border: 0; border-radius: 50%;
  background: rgba(20,14,9,0.08); color: #5a4d3a; font: 400 24px/1 'Manrope', sans-serif; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease;
}
.scandi-callpop__close:hover { background: rgba(166,124,58,0.22); color: #14100d; }
/* форма внутри попапа = сама карточка (без секционных отступов/двойного фона) */
.scandi-callpop .scandi-form { padding: 0 !important; background: none !important; margin: 0 !important; }
.scandi-callpop .scandi-form .container { padding: 0 !important; max-width: none !important; width: 100% !important; }
.scandi-callpop .scandi-form__card { width: 100% !important; max-width: none !important; margin: 0 !important; }
.scandi-callpop .scandi-form__media { display: none !important; }
@media (max-width: 560px) { .scandi-callpop__dialog { width: calc(100% - 24px); } }

.scandi-video-iframe.scandi-iframe--min {
  display: none;
}

footer .left .site-logo span span {
  padding: 0;
  margin: 0;
}

footer .left .copyright {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

footer .left .copyright .title {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c19a5b;
  line-height: 1;
}

footer .left .copyright .desc {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #786e60;
  letter-spacing: 0;
  margin: 0;
}

footer .left .copyright .privacy-policy {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #c19a5b;
  text-decoration: none;
  border-bottom: 1px solid rgba(193, 154, 91, 0.4);
  align-self: flex-start;
  padding-bottom: 1px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

footer .left .copyright .privacy-policy:hover {
  color: #d4ad6e;
  border-color: #d4ad6e;
}

footer .right {
  display: contents;
}

footer .right .top {
  border-bottom: none;
  padding-bottom: 0;
}

footer .right .top .menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

footer .right .top .menu li {
  text-align: left;
  width: 100%;
}

footer .right .top .menu li {
  list-style: none;
}

footer .right .top .menu li a {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #d8cfba;
  text-decoration: none;
  letter-spacing: -0.01em;
  line-height: 1.4;
  transition: color 0.2s ease, padding-left 0.2s ease;
  display: inline-block;
}

footer .right .top .menu li a:hover {
  color: #c19a5b;
  padding-left: 4px;
}

footer .right .bottom .contacts-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

footer .right .bottom .contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

@media (max-width: 768px) {
  footer .right .bottom .contacts {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

footer .right .bottom .contacts .item {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
  color: #a89c8a;
}

footer .right .bottom .contacts .item .b-title {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 13px;
  color: #a89c8a;
}

footer .right .bottom .contacts .item b {
  font-weight: 600;
  color: #c19a5b;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
}

footer .right .bottom .contacts .item a {
  color: #f3ecdc;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

footer .right .bottom .contacts .item a:hover {
  color: #c19a5b;
}

footer .scandi-feye {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #c19a5b;
  margin-bottom: 18px;
  line-height: 1;
  display: block;
}

footer .scandi-subfooter {
  margin-top: 48px;
  padding: 22px 0;
  border-top: 1px solid rgba(193, 154, 91, 0.12);
  background: rgba(0, 0, 0, 0.18);
}

footer .scandi-subfooter__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #786e60;
}

footer .scandi-subfooter__copy {
  flex: 0 0 auto;
}

footer .scandi-subfooter__priv {
  color: #a89c8a;
  text-decoration: none;
  transition: color 0.2s ease;
  flex: 0 0 auto;
}

footer .scandi-subfooter__priv:hover {
  color: #c19a5b;
}

footer .copyright + a[href*="d4b"],
footer img[src*="d4b"],
footer a[href*="d4b"],
footer .d4b,
footer [class*="d4b"] {
  display: none;
}

footer .scandi-fcontact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

footer .scandi-fcontact__phones {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

footer .scandi-fcontact__phone {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #f3ecdc;
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  transition: color 0.2s ease;
  gap: 2px;
}

footer .scandi-fcontact__phone:hover {
  color: #c19a5b;
}

footer .scandi-fcontact__city {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c19a5b;
  display: block;
  margin-bottom: 1px;
}

footer .scandi-fcontact__email {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #d8cfba;
  text-decoration: none;
  border-bottom: 1px solid rgba(193, 154, 91, 0.3);
  padding-bottom: 1px;
  align-self: flex-start;
  transition: color 0.2s ease, border-color 0.2s ease;
}

footer .scandi-fcontact__email:hover {
  color: #c19a5b;
  border-color: #c19a5b;
}

footer .scandi-fcontact__msgs {
  display: flex;
  gap: 8px;
}

footer .scandi-fcontact__msg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(193, 154, 91, 0.3);
  color: #c19a5b;
  background: transparent;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

footer .scandi-fcontact__msg:hover {
  border-color: #c19a5b;
  background: rgba(193, 154, 91, 0.1);
  color: #d4ad6e;
}

footer .scandi-fcontact__msg svg {
  fill: currentColor;
}

footer .scandi-fcontact__hours {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #786e60;
  line-height: 1.6;
  margin-top: 4px;
}

footer .right .bottom {
  display: block;
}

.social-icons a,
.social-links a,
.social a,
footer [class*="social"] a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(212, 173, 110, 0.18), rgba(166, 124, 58, 0.08));
  border: 1px solid rgba(193, 154, 91, 0.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.social-icons a:hover,
.social-links a:hover,
.social a:hover,
footer [class*="social"] a:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  border-color: rgba(255, 230, 180, 0.40);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40);
}

footer#footer,
footer.scandi-fenh,
footer.site-footer,
footer.footer,
#colophon,
.site-footer {
  background:
  radial-gradient(circle, rgba(212, 173, 110, 0.06) 1px, transparent 1.5px),
  linear-gradient(180deg, #1a1410 0%, #0c0805 100%);
  background-size: 28px 28px, auto;
  color: #d8cfba;
  padding: 80px 0 32px;
  position: relative;
  border-top: 1px solid rgba(193, 154, 91, 0.18);
}

footer h3,
footer h4,
footer .widget-title,
footer .footer-title {
  font-family: var(--font-display, 'Manrope'), sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c19a5b;
  -webkit-text-fill-color: #c19a5b;
  margin-bottom: 20px;
}

footer p,
footer li,
footer a {
  font-family: var(--font-ui, 'Manrope'), sans-serif;
  font-size: 14px;
  line-height: 1.65;
}

footer a {
  color: #d8cfba;
  -webkit-text-fill-color: #d8cfba;
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover {
  color: #d4ad6e;
  -webkit-text-fill-color: #d4ad6e;
}

body.scandi-no-hero section:not([id]):not([class*="top"]):not([class*="footer"]):not(.realty-tour):not(.our-works):not(.build-stages):not(.block-with-video):not(.rate-quality):not(.video-section):not([class*="seo-hero"]):not([class*="step2"]):not([class*="step-"]) {
  background:
  linear-gradient(135deg, rgba(255, 252, 245, 0.92) 0%, rgba(245, 235, 215, 0.85) 100%);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  border: 1px solid rgba(166, 124, 58, 0.22);
  border-top: 2px solid #a67c3a;
  border-radius: 14px;
  padding: 28px 32px;
  margin: 0 auto 16px;
  max-width: 1200px;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08);
}

.review-lab-widget .review__footer {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(166, 124, 58, 0.18);
}

.review-lab-widget .widget__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}

.review-lab-widget .navigator,
.review-lab-widget .widget__footer button:not(.widget__point) {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(193, 154, 91, 0.40);
  background: transparent;
  color: #a67c3a;
  -webkit-text-fill-color: #a67c3a;
  font-size: 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
}

.review-lab-widget .navigator:hover,
.review-lab-widget .widget__footer button:not(.widget__point):hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a);
  color: #14100d;
  -webkit-text-fill-color: #14100d;
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(193, 154, 91, 0.40);
}

footer .site-logo img,
.scandi-fenh .site-logo img,
footer.scandi-fenh .left .site-logo img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
  max-height: 40px;
  width: auto;
  display: inline-block;
}


/* ════════ Комплектации: аккордеон деталей внутри .compl-card (clean-порт из v2) ════════
   Раньше этих правил не было в clean → иконка svg рендерилась ~1200px, тела
   аккордеонов не сворачивались, и страница дома раздувалась до ~126000px (CR.6).
   Сворачивание управляется JS-классом .active (includes/inline-js.php, работает в обоих режимах). */
.step2 .compl-card .compl-accordion-item { background: none; border: 0; border-bottom: 1px dashed rgba(193,154,91,0.28); border-radius: 0; margin: 0; padding: 0; box-shadow: none; min-height: 0; }
.step2 .compl-card .compl-accordion-item:last-child { border-bottom: 0; }
.step2 .compl-card .compl-accordion-header { display: flex; align-items: center; gap: 8px; padding: 6px 0; margin: 0; height: auto; min-height: 0; line-height: 1; background: none; border: 0; color: #f3ecdc; font: 600 13px/1.2 'Manrope', sans-serif; cursor: pointer; }
.step2 .compl-card .compl-accordion-icon { width: 16px; height: 16px; min-width: 0; min-height: 0; max-width: 16px; max-height: 16px; padding: 0; margin: 0; background: none; border: 0; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; color: #d4ad6e; }
.step2 .compl-card .compl-accordion-icon svg { width: 14px; height: 14px; color: inherit; stroke: currentColor; }
.step2 .compl-card .compl-accordion-toggle { width: 16px; height: 16px; min-width: 0; min-height: 0; max-width: 16px; max-height: 16px; margin: 0 0 0 auto; padding: 0; background: none; border: 0; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; color: #d4ad6e; transition: transform .25s ease; }
.step2 .compl-card .compl-accordion-toggle svg { width: 12px; height: 12px; color: inherit; stroke: currentColor; }
.step2 .compl-card .compl-accordion-item.active .compl-accordion-toggle { transform: rotate(180deg); }
.step2 .compl-card .compl-accordion-item.active .compl-accordion-header,
.step2 .compl-card .compl-accordion-item.active .compl-accordion-title { color: #ffe5b8; }
.step2 .compl-card .compl-accordion-title { flex: 1; background: none; color: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; padding: 0; margin: 0; }
.step2 .compl-card .compl-accordion-body { display: none; padding: 0 0 8px 24px; margin: 0; background: none; font: 400 13px/1.55 'Manrope', sans-serif; color: rgba(243,236,220,0.72); }
.step2 .compl-card .compl-accordion-item.active .compl-accordion-body { display: block; }
.step2 .compl-card .compl-accordion-body b, .step2 .compl-card .compl-accordion-body strong { color: #ffe5b8; font-weight: 700; }
.step2 .compl-card .compl-accordion-body ul, .step2 .compl-card .compl-accordion-body ol { list-style: none; margin: 4px 0; padding: 0; }
.step2 .compl-card .compl-accordion-body li { position: relative; padding: 0 0 0 14px; margin: 2px 0; line-height: 1.45; list-style: none; }
.step2 .compl-card .compl-accordion-body li::marker { content: ''; color: transparent; }
.step2 .compl-card .compl-accordion-body li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(135deg, #e6c285, #c19a5b); box-shadow: 0 0 0 1px rgba(193,154,91,0.25); }

/* ════════ CR.6: страница дома в clean — добиваем оставшиеся блоки ════════ */
/* 1) Инлайн-SVG в блоках дома без width/height раздувались до ~1200px. Жёстко ограничиваем. */
.compl-card .compl-expand-hint svg,
.compl-card .compl-guarantee svg { width: 16px; height: 16px; flex: 0 0 auto; }
.compl-card .compl-expand-hint,
.compl-card .compl-guarantee { display: flex; align-items: center; gap: 8px; }
.catalog:not(#catalog) .catalog-item .scandi-specs-row svg,
.catalog:not(#catalog) .catalog-item .info-item svg,
.catalog:not(#catalog) .catalog-item .card-area-badge svg { width: 18px; height: 18px; flex: 0 0 auto; }
.catalog:not(#catalog) .catalog-item .card-arrow svg { width: 20px; height: 20px; flex: 0 0 auto; }

/* 2) Блок «Популярные проекты» на странице дома (.catalog:not(#catalog) .items, без #catalog id):
   та же сетка и карточки, что в архиве /houses/ (визуально едино). */
.catalog:not(#catalog) .in > .items,
.catalog:not(#catalog) .items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}
.catalog:not(#catalog) .items .catalog-item {
  position: relative; display: flex; flex-direction: column;
  background: #fffdf8; border: 1px solid rgba(166,124,58,0.16); border-radius: 18px;
  overflow: hidden; text-decoration: none; color: inherit;
  box-shadow: 0 10px 30px -18px rgba(70,48,18,0.30);
  transition: transform .4s cubic-bezier(.22,1,.32,1), box-shadow .4s ease;
}
.catalog:not(#catalog) .items .catalog-item:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -22px rgba(70,48,18,0.42); }
.catalog:not(#catalog) .items .catalog-item .image { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #ece3d2; }
.catalog:not(#catalog) .items .catalog-item .image img,
.catalog:not(#catalog) .items .catalog-item .image video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.catalog:not(#catalog) .items .catalog-item .card-area-badge { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: baseline; gap: 3px; background: rgba(20,14,9,0.62); color: #f3ecdc; font: 600 12px/1 'Manrope', sans-serif; padding: 7px 11px; border-radius: 30px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.catalog:not(#catalog) .items .catalog-item .desc { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 20px; flex: 1; }
.catalog:not(#catalog) .items .catalog-item .title { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0; }
.catalog:not(#catalog) .items .catalog-item .title-code { font: 800 19px/1 'Manrope', sans-serif; color: #9a6b22; letter-spacing: -0.01em; }
.catalog:not(#catalog) .items .catalog-item .scandi-specs-row { display: flex; }
.catalog:not(#catalog) .items .catalog-item .scandi-specs-row .info { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.catalog:not(#catalog) .items .catalog-item .info-item { display: flex; align-items: center; gap: 6px; color: #5a4d3a; font-size: 13px; }
.catalog:not(#catalog) .items .catalog-item .info-num { font-weight: 700; color: #1f1612; }
.catalog:not(#catalog) .items .catalog-item .info-unit { color: #8a7a5e; }
.catalog:not(#catalog) .items .catalog-item .info-item svg { color: #a67c3a; }
.catalog:not(#catalog) .items .catalog-item .scandi-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.catalog:not(#catalog) .items .catalog-item .scandi-card-style { font: 500 12px/1 'Manrope', sans-serif; color: #8a7a5e; }
.catalog:not(#catalog) .items .catalog-item .info-price { margin-top: auto; }
.catalog:not(#catalog) .items .catalog-item .info-price .b-title { font: 800 18px/1.1 'Manrope', sans-serif; color: #1f1612; }
.catalog:not(#catalog) .items .catalog-item .info-price b { font-weight: 800; }
/* статичная карточка-приглашение «Перейти в каталог» */
.catalog:not(#catalog) .items .catalog-item.item-title { background: linear-gradient(160deg,#1a140d,#2a2013); color: #f3ecdc; justify-content: center; align-items: flex-start; padding: 28px; }
.catalog:not(#catalog) .items .catalog-item.item-title .title { color: #ffe5b8; font-weight: 700; display: block; }
@media (max-width: 980px) { .catalog:not(#catalog) .items { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 600px) { .catalog:not(#catalog) .items { grid-template-columns: 1fr !important; } }

/* ── Карточки в блоке «Другие проекты» на странице дома (.catalog:not(#catalog)):
   оверлей-кнопки должны вести себя как в основном каталоге — скрытый hover-оверлей
   поверх фото, а не висеть строкой под карточкой (был визуальный бардак). ── */
.catalog:not(#catalog) .catalog-item { position: relative; }
.catalog:not(#catalog) .catalog-item .scandi-card-overlay {
  position: absolute; left: 0; right: 0; bottom: 0; top: auto;
  display: flex; align-items: stretch; height: 58px; padding: 0; margin: 0;
  background: linear-gradient(180deg, rgba(20,16,13,0) 0%, rgba(20,16,13,0.78) 35%, rgba(20,16,13,0.94) 100%);
  -webkit-backdrop-filter: blur(8px) saturate(1.05); backdrop-filter: blur(8px) saturate(1.05);
  transform: translateY(100%); opacity: 0;
  transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .3s ease;
  pointer-events: none; z-index: 5; border-top: 1px solid rgba(212,173,110,0.28);
}
.catalog:not(#catalog) .catalog-item .image { position: relative; }
.catalog:not(#catalog) .catalog-item:hover .scandi-card-overlay,
.catalog:not(#catalog) .catalog-item:focus-within .scandi-card-overlay { transform: translateY(0); opacity: 1; }
.catalog:not(#catalog) .catalog-item .scandi-card-overlay__btn {
  pointer-events: auto; flex: 1 1 50%; display: inline-flex; align-items: center; justify-content: center;
  gap: 6px; padding: 0 14px; margin: 0; background: transparent; border: 0; cursor: pointer;
  color: #f5e9d4; font: 500 12px/1 'Manrope', sans-serif; letter-spacing: 0.18em; text-transform: uppercase;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .25s ease, letter-spacing .3s ease;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);
}
.catalog:not(#catalog) .catalog-item .scandi-card-overlay__btn:hover { color: #f5d294; letter-spacing: 0.22em; }
.catalog:not(#catalog) .catalog-item .scandi-card-overlay__sep {
  display: block; width: 1px; align-self: center; height: 22px; flex: 0 0 1px;
  background: linear-gradient(180deg, transparent, rgba(212,173,110,0.55) 50%, transparent);
}