/* ============================================================
   Unification — МИНИМАЛЬНОЕ улучшение прод-дизайна.

   Принцип:
     • Парентский layout НЕ ТРОГАЕМ. Header, footer, hero, секции —
       всё остаётся как у родителя.
     • Меняем ТОЛЬКО шрифт (Montserrat → Geist) — ради современности.
     • Убираем синий акцент → золото.
     • Кнопки родителя — золотой gradient вместо жёлтого.
     • Никаких background/padding/margin/grid правок.
   ============================================================ */

/* ---------- BODY: Geist вместо Montserrat ---------- */
html, body,
body input, body textarea, body button, body select,
.b-title, .b-title *,
p, span, div, li, td, th, label,
.menu, .menu *,
nav, nav *,
.form-style, .form-style * {
  font-family: var(--font-ui);
}

/* ---------- ЧИСЛА (телефоны, цены, м², КД-номера) — Geist Mono ---------- */
.filter_price, .price,
[class*="price-value"],
.kd-num, .house-area,
.b-title.bt18.bold.telTo,
.b-title.bt13.bold.telTo,
.telTo, .telTo a,
.adv-card__watermark-num {
  font-family: var(--font-num);
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -0.02em;
}

/* ---------- HERO `<i>` — синий gradient → solid gold ---------- */
html body .top-block i,
html body .top-block .title i,
html body .top-block .title-in i,
html body .top-block .title-in span i,
html body div.top-block .caption .title i,
html body div.top-block .caption .title-in i,
html body .b-title i,
html body h1 i, html body h2 i, html body h3 i {
  color: #c19a5b !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #c19a5b !important;
}

/* `<i>` в логотипе хедера — оставляем как есть (не gold) */
.site-logo i, .site-logo span i, #header .site-logo i {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: transparent !important;
}

/* ---------- ССЫЛКИ — золотой hover вместо синего ---------- */
a:hover { color: #c19a5b; }

/* ---------- КНОПКИ родителя — золотой gradient ---------- */
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%) !important;
  background-color: #c19a5b !important;
  color: #1a1410 !important;
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  border: 0 !important;
  box-shadow: 0 4px 14px rgba(193, 154, 91, 0.3) !important;
  transition: all 180ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.styled-btn:hover, .styled-btn-1:hover,
button.styled-btn-1:hover, .form-calc__sbmt:hover {
  filter: brightness(1.08);
  box-shadow: 0 6px 20px rgba(193, 154, 91, 0.45) !important;
  color: #1a1410 !important;
}

/* ---------- ПАГИНАЦИЯ: синий → gold ---------- */
.flex-active, .page-numbers, a.page-numbers,
.pagination a, .pagination .current,
.nav-links a, [class*="pagination"] a,
.wp-pagenavi a, .wp-pagenavi span {
  color: var(--c-text) !important;
}

.flex-active.current, .page-numbers.current,
.pagination .current, [class*="pagination"] .current,
.wp-pagenavi .current,
[class*="pagination"] a:hover, .wp-pagenavi a:hover {
  color: #c19a5b !important;
  border-color: #c19a5b !important;
}

/* ---------- INLINE blue colors → gold ---------- */
[style*="color: #3F7BD4"], [style*="color: #3f7bd4"],
[style*="color: #0066CC"], [style*="color: #0066cc"],
[style*="color: rgb(63, 123, 212)"],
[style*="color: rgb(0, 102, 204)"] {
  color: #c19a5b !important;
}

/* ============================================================
   ВСЕ ЗАГОЛОВКИ — Geist принудительно
   Парент имеет `* { font: inherit }` reset который ломает стек.
   Ставим Geist на каждый h1/h2/h3/h4 + .b-title.bt* с максимальной
   специфичностью, чтобы перекрыть наследование "Times".
   ============================================================ */
html body h1, html body h1 *,
html body h2, html body h2 *,
html body h3, html body h3 *,
html body h4, html body h4 *,
html body .title.b-title, html body .title.b-title *,
html body .section-title, html body .section-title *,
html body .b-title.bt20, html body .b-title.bt20 *,
html body .b-title.bt24, html body .b-title.bt24 *,
html body .b-title.bt28, html body .b-title.bt28 *,
html body .b-title.bt32, html body .b-title.bt32 *,
html body .b-title.bt40, html body .b-title.bt40 *,
html body .title-in, html body .title-in *,
html body .modal-title, html body .modal-title * {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: -0.02em;
}

/* Жирность для display-заголовков */
html body h1, html body h2, html body h3,
html body .b-title.bt20.bold, html body .b-title.bt24.bold,
html body .b-title.bt28.bold, html body .b-title.bt32.bold,
html body .section-title {
  font-weight: 600 !important;
}

/* Body — Geist */
html body, html body * {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Числа — Geist Mono принудительно */
html body .telTo, html body .telTo *,
html body .filter_price, html body .price,
html body .adv-card__watermark-num,
html body [class*="price"]:not(.cb-link):not(.privacy-policy) {
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

/* Trust card title — у parent inline Montserrat, добиваем Geist */
html body .adv-glass .adv-card__title,
html body .adv-card .adv-card__title,
html body .adv-card__title,
html body .adv-card__desc {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: -0.005em;
}

html body .adv-card__title {
  font-weight: 600 !important;
}

/* ============================================================
   ЛОГОТИП — заменяем парентский синий на наш gold deer
   ============================================================ */
#header .site-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
}

#header .site-logo img {
  display: none !important;
}

#header .site-logo::before {
  content: '';
  display: block;
  width: 72px;
  height: 72px;
  background: url('../assets/logo-deer-gold.png') center/contain no-repeat;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 8px rgba(193, 154, 91, 0.25));
}

/* Текст рядом с логотипом — премиальный Geist, gold */
#header .site-logo .b-title,
#header .site-logo span.b-title.bt16.bold {
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: var(--c-light-text) !important;
}

@media (max-width: 768px) {
  #header .site-logo::before {
    width: 56px !important;
    height: 56px !important;
  }
  #header .site-logo .b-title { font-size: 16px !important; }
}

/* ============================================================
   ИКОНКИ В HEADER — premium круглые с gold-контуром
   (телефон, конверт, поиск)
   ============================================================ */
#header .mail .icon,
#header .mail-top .icon,
#header .phone .icon {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: linear-gradient(180deg, rgba(193, 154, 91, 0.12) 0%, rgba(193, 154, 91, 0.04) 100%) !important;
  border: 1.5px solid rgba(193, 154, 91, 0.45) !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 0 0 1px rgba(193, 154, 91, 0.1),
    0 2px 8px rgba(193, 154, 91, 0.08) !important;
  margin-right: 6px !important;
}

#header .mail .icon svg,
#header .mail-top .icon svg,
#header .phone .icon svg {
  width: 16px !important;
  height: 16px !important;
}

#header .mail-top {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-right: 12px !important;
}

#header .mail {
  margin-right: 16px !important;
}

/* Email отделить от мессенджеров — больше gap */
#header .right .top {
  gap: 16px !important;
}

/* Search button — premium круглая кнопка */
#header .search-but {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  background: linear-gradient(180deg, rgba(193, 154, 91, 0.12) 0%, rgba(193, 154, 91, 0.04) 100%) !important;
  border: 1.5px solid rgba(193, 154, 91, 0.45) !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 0 0 1px rgba(193, 154, 91, 0.1),
    0 2px 8px rgba(193, 154, 91, 0.08) !important;
  margin-left: 8px !important;
  cursor: pointer !important;
  filter: none !important;
  transition: all 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#header .search-but:hover {
  background: linear-gradient(180deg, rgba(193, 154, 91, 0.22) 0%, rgba(193, 154, 91, 0.1) 100%) !important;
  border-color: var(--c-gold) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 0 0 1px rgba(193, 154, 91, 0.2),
    0 6px 16px rgba(193, 154, 91, 0.25) !important;
}

#header .search-but img {
  width: 16px !important;
  height: 16px !important;
}

/* ============================================================
   NAV MENU — premium typography
   ============================================================ */
#header .right .bottom,
#header nav,
#header .mobile-menu-navbar {
  font-family: var(--font-ui) !important;
}

#header .right .bottom .menu > li > a,
#header nav .menu > li > a,
#header .mobile-menu-navbar .menu > li > a,
#header .menu > li > a {
  font-family: var(--font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  color: var(--c-light-text) !important;
  text-decoration: none !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  transition: all 200ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  position: relative !important;
}

#header .menu > li > a:hover {
  color: var(--c-gold) !important;
  background: rgba(193, 154, 91, 0.06) !important;
}

/* Каретка ▼ для menu-item-has-children */
#header .menu > li.menu-item-has-children > a::after {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  margin-left: 6px !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  opacity: 0.5 !important;
  transition: all 200ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#header .menu > li.menu-item-has-children:hover > a::after {
  transform: translateY(0) rotate(225deg) !important;
  opacity: 1 !important;
  border-color: var(--c-gold) !important;
}

/* Из двух телефонов скрываем неактивный */
#header .wrap-phones > div.inactive {
  display: none !important;
}

#header .wrap-phones > div.active {
  display: block !important;
}

#header .wrap-phones > div.active a {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--c-gold) !important;
}

/* ============================================================
   SUBMENU (выпадающее меню) — премиальный warm-dark + gold border
   ============================================================ */
#header .menu .sub-menu,
#header .menu .menu-item-has-children:hover > .sub-menu,
#header nav .sub-menu,
.bottom .sub-menu,
.bottom ul ul {
  background: linear-gradient(180deg, #2a1f17 0%, #1a1410 100%) !important;
  background-color: #1a1410 !important;
  border: 1px solid rgba(193, 154, 91, 0.3) !important;
  border-top: 2px solid var(--c-gold) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(193, 154, 91, 0.1) !important;
  padding: 8px !important;
  margin-top: 4px !important;
  min-width: 240px !important;
  overflow: hidden !important;
}

#header .menu .sub-menu li,
.bottom .sub-menu li {
  list-style: none !important;
  background: transparent !important;
}

#header .menu .sub-menu a,
#header .menu .sub-menu li a,
.bottom .sub-menu a,
.bottom ul ul a,
.bottom ul ul li a {
  display: block !important;
  padding: 10px 16px !important;
  font-family: var(--font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(235, 227, 216, 0.9) !important;
  background: transparent !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  letter-spacing: -0.005em !important;
  transition: all 180ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#header .menu .sub-menu a:hover,
.bottom .sub-menu a:hover,
.bottom ul ul li a:hover {
  background: rgba(193, 154, 91, 0.12) !important;
  color: var(--c-gold) !important;
  padding-left: 20px !important;
}

#header .menu .sub-menu .current-menu-item > a,
.bottom .sub-menu .current-menu-item > a {
  color: var(--c-gold) !important;
  background: rgba(193, 154, 91, 0.08) !important;
}

/* ============================================================
   PREMIUM POLISH
   ============================================================ */

/* Hover transitions везде в header */
#header a,
#header button,
#header .messengers .messenger,
#header .city-btn,
#header .cb-link {
  transition: all 200ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Subtle gold-glow на hover у активных интерактивных элементов */
#header .messengers .messenger:hover {
  box-shadow: 0 4px 14px rgba(193, 154, 91, 0.18) !important;
}

#header .client-login-hdr:hover {
  box-shadow: 0 4px 14px rgba(193, 154, 91, 0.2) !important;
}

/* Тонкая золотая линия снизу хедера — премиум-акцент */
#header {
  position: relative;
}

#header::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(193, 154, 91, 0.3) 20%,
    rgba(193, 154, 91, 0.6) 50%,
    rgba(193, 154, 91, 0.3) 80%,
    transparent);
  pointer-events: none;
}

/* ВСЕ TEXT-DECORATION в хедере — без подчёркиваний */
#header a,
#header a:hover,
#header a:focus,
#header a:visited,
#header button,
#header .cb-link,
#header .cb-link:hover,
#header .cb-link span,
#header .cb-link:hover span,
#header .mail-info,
#header .mail-info:hover {
  text-decoration: none !important;
  border-bottom: 0 !important;
}

#header .site-logo .b-title i {
  color: var(--c-gold) !important;
  font-style: normal !important;
  -webkit-text-fill-color: var(--c-gold) !important;
}

/* На мобильном — компактнее */
@media (max-width: 768px) {
  #header .site-logo::before {
    width: 44px;
    height: 44px;
  }
  #header .site-logo .b-title { font-size: 14px !important; }
}

/* ============================================================
   СПб / Москва — вертикальный стек, gold вместо синего
   Парентская разметка:
     <div class="city-buttons">
       <button class="city-btn active">Санкт-Петербург / СПб</button>
       <button class="city-btn">Москва / МСК</button>
     </div>
   ============================================================ */
#header .city-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 0 !important;
  /* CRITICAL: убрать gold gradient bg парент-style который оборачивал ОБЕ кнопки
     в gold pill (отсюда впечатление что обе золотым выделены) */
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#header .city-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  font-family: var(--font-ui) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--c-text-3) !important;
  cursor: pointer !important;
  transition: all 180ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  white-space: nowrap !important;
}

#header .city-btn:hover {
  color: var(--c-light-text) !important;
  border-color: rgba(193, 154, 91, 0.25) !important;
}

#header .city-btn.active {
  background: linear-gradient(135deg, #c19a5b, #a67c3a) !important;
  background-color: #c19a5b !important;
  color: #1a1410 !important;
  border-color: transparent !important;
  box-shadow: 0 2px 6px rgba(193, 154, 91, 0.25) !important;
}

#header .city-btn-full { display: inline !important; }
#header .city-btn-short { display: none !important; }

@media (max-width: 991px) {
  #header .city-btn-full { display: none !important; }
  #header .city-btn-short { display: inline !important; }
}

/* ============================================================
   ТЕЛЕФОНЫ в хедере — стек, активный gold, неактивный приглушённый
   ============================================================ */
#header .wrap-phones {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

#header .wrap-phones > div {
  background: transparent !important;
  padding: 0 !important;
}

#header .wrap-phones > div.active a,
#header .wrap-phones > div.active {
  color: var(--c-gold) !important;
}

#header .wrap-phones > div.active a {
  background: transparent !important;
}

#header .wrap-phones > div.inactive a {
  color: var(--c-text-3) !important;
}

#header .wrap-phones > div a {
  font-family: var(--font-num) !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  letter-spacing: -0.01em !important;
  font-weight: 600 !important;
}

/* «Заказать звонок» — gold link */
#header .cb-link,
#header .cb-link span {
  color: var(--c-gold) !important;
  font-family: var(--font-ui) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

#header .cb-link:hover,
#header .cb-link:hover span {
  color: var(--c-gold-light) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* ============================================================
   HEADER GLOBAL — премиальный шрифт, чистые цвета
   ============================================================ */
#header,
#header * {
  font-family: var(--font-ui);
}

#header .b-title.bt12,
#header .b-title.bt14,
#header .work-time {
  font-family: var(--font-ui) !important;
  letter-spacing: -0.005em;
}

/* Email + "Написать нам" — без синего */
#header .mail-info,
#header .mail .b-title {
  color: var(--c-light-text) !important;
}

#header .mail-info:hover { color: var(--c-gold) !important; }

/* Личный кабинет — оставляем как у родителя (он уже dark+gold) */

/* Активные пункты nav — gold */
#header nav .current-menu-item > a,
#header nav .current_page_item > a,
#header .menu .current-menu-item > a,
#header .menu .current_page_item > a {
  color: var(--c-gold) !important;
}

/* Hover в nav — gold */
#header nav a:hover,
#header .menu a:hover {
  color: var(--c-gold) !important;
}

/* ---------- БОРДЕРЫ синие → gold ---------- */
#header *:focus,
#header input:focus {
  outline-color: var(--c-gold) !important;
  border-color: var(--c-gold) !important;
}

/* ============================================================
   ИКОНКИ В HEADER — все gold (телефон, конверт, лупа, мессенджеры)
   ============================================================ */
#header .icon,
#header .icon svg,
#header .icon svg use,
#header .icon svg path,
#header svg,
#header svg use,
#header svg path,
#header .mail .icon,
#header .phone .icon,
#header .messengers svg,
#header .messengers .icon,
#header [class*="icon"] svg,
#header [class*="icon"] svg path,
#header [class*="icon"] svg use {
  color: var(--c-gold) !important;
  fill: var(--c-gold) !important;
  stroke: var(--c-gold) !important;
}

/* Search-but лупа — это <img>, используем CSS filter чтобы покрасить в gold */
#header .search-but img,
#header .search-but {
  filter: brightness(0) saturate(100%) invert(70%) sepia(31%) saturate(641%) hue-rotate(2deg) brightness(95%) contrast(85%) !important;
}

#header .search-but {
  filter: none !important; /* контейнер не фильтруем — только <img> */
}

#header .search-but img {
  filter: brightness(0) saturate(100%) invert(70%) sepia(31%) saturate(641%) hue-rotate(2deg) brightness(95%) contrast(85%) !important;
}

/* ============================================================
   МЕССЕНДЖЕРЫ — premium gold-pills с контуром
   ============================================================ */
#header .messengers {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: 8px !important;
}

#header .messengers .messenger,
#header .messengers a,
#header .messengers .social-link-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: linear-gradient(180deg, rgba(193, 154, 91, 0.12) 0%, rgba(193, 154, 91, 0.04) 100%) !important;
  border: 1.5px solid rgba(193, 154, 91, 0.45) !important;
  border-radius: 50% !important;
  color: var(--c-gold) !important;
  transition: all 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  text-decoration: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(193, 154, 91, 0.1),
    0 2px 8px rgba(193, 154, 91, 0.08) !important;
  position: relative !important;
}

#header .messengers .messenger:hover {
  background: linear-gradient(180deg, rgba(193, 154, 91, 0.22) 0%, rgba(193, 154, 91, 0.1) 100%) !important;
  border-color: var(--c-gold) !important;
  color: var(--c-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    inset 0 0 0 1px rgba(193, 154, 91, 0.2),
    0 6px 16px rgba(193, 154, 91, 0.25) !important;
}

#header .messengers .messenger svg,
#header .messengers .messenger svg path,
#header .messengers .messenger svg use {
  color: var(--c-gold) !important;
  fill: var(--c-gold) !important;
  width: 20px !important;
  height: 20px !important;
}

#header .messengers .messenger .icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
}

#header .messengers .messenger:hover svg,
#header .messengers .messenger:hover svg path,
#header .messengers .messenger:hover svg use {
  color: var(--c-gold-light) !important;
  fill: var(--c-gold-light) !important;
}

#header .messengers .messenger-title { display: none !important; }

/* Title рядом с мессенджером (если есть) */
#header .messengers .messenger-title {
  color: var(--c-gold) !important;
  font-family: var(--font-ui) !important;
  font-weight: 500 !important;
}

/* ============================================================
   ВХОД ДЛЯ КЛИЕНТОВ — убираем чёрную плашку, делаем gold-border
   ============================================================ */
#header .client-login-hdr,
#header a.client-login-hdr,
#header a.client-login-hdr:visited,
#header a.client-login-hdr:hover {
  background: rgba(193, 154, 91, 0.08) !important;
  background-color: rgba(193, 154, 91, 0.08) !important;
  border: 1px solid rgba(193, 154, 91, 0.4) !important;
  border-radius: 8px !important;
  color: var(--c-gold) !important;
  font-family: var(--font-ui) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 5px 12px !important;
  transition: all 180ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#header .client-login-hdr:hover {
  background: rgba(193, 154, 91, 0.18) !important;
  border-color: var(--c-gold) !important;
  color: var(--c-gold-light) !important;
}

#header .client-login-hdr svg {
  color: var(--c-gold) !important;
  fill: var(--c-gold) !important;
}

/* ============================================================
   ЕДИНЫЙ premium шрифт во ВСЁМ header
   ============================================================ */
#header,
#header *,
#header .b-title,
#header .b-title.bt12,
#header .b-title.bt13,
#header .b-title.bt14,
#header .b-title.bt16,
#header .b-title.bt18,
#header .b-title.bt20,
#header .b-title.bt24,
#header span,
#header div,
#header a,
#header button {
  font-family: var(--font-ui) !important;
}

/* Размер шрифта в header — компактный, премиальный */
#header .b-title.bt12,
#header .work-time,
#header .mail-info,
#header .cb-link {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
}

#header .b-title.bt14 {
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Телефоны — Geist Mono с фиксированным размером */
#header .b-title.bt13.bold.telTo,
#header .wrap-phones > div {
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Время работы — light, мелкий */
#header .work-time {
  color: var(--c-text-3) !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* ============================================================
   SCROLLED HEADER STATE — premium compact sticky
   Эмпирически: .scrolled #header = 50px, .left = 75×163
   с трёхстрочным "Сканди<br>Эко<br>Дом" → overlap с меню (88px).
   Подход A: олень 36px + однострочный wordmark 14px.
   ============================================================ */
@media (min-width: 768px) {

  /* Олень — компактный */
  #header.scrolled .site-logo::before,
  .scrolled #header .site-logo::before {
    width: 36px !important;
    height: 36px !important;
    filter: drop-shadow(0 1px 4px rgba(193, 154, 91, 0.3)) !important;
  }

  /* Wordmark в одну строку, мельче.
     Парент рендерит <span class="b-title bt16 bold"> и unification.css:207
     уже задаёт ему font-size:18px с specificity (0,3,2). Дублируем правило
     с матчевыми классами + type, чтобы выиграть specificity для scrolled. */
  #header.scrolled .site-logo .b-title,
  .scrolled #header .site-logo .b-title,
  #header.scrolled .site-logo span.b-title.bt16.bold,
  .scrolled #header .site-logo span.b-title.bt16.bold,
  html body #header.scrolled .site-logo span.b-title,
  html body .scrolled #header .site-logo span.b-title {
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    letter-spacing: -0.01em !important;
  }

  /* Убрать <br> и сделать <i> inline (не курсив, не блок) */
  #header.scrolled .site-logo .b-title br,
  .scrolled #header .site-logo .b-title br {
    display: none !important;
  }
  #header.scrolled .site-logo .b-title i,
  .scrolled #header .site-logo .b-title i {
    display: inline !important;
    font-style: normal !important;
  }

  /* Defensive: на случай если parent не скрыл слоган в .scrolled */
  #header.scrolled .left .slogan,
  .scrolled #header .left .slogan {
    display: none !important;
  }

  /* Жёстко зафиксировать ширину .left, чтобы меню не лезло влево */
  #header.scrolled .left,
  .scrolled #header .left {
    flex: 0 0 auto !important;
    min-width: 200px !important;
    max-width: 220px !important;
    align-self: center !important;
  }

  #header.scrolled .right,
  .scrolled #header .right {
    align-items: center !important;
  }

  /* Парент .right имеет flex-direction: row-reverse и .bottom (меню)
     overflow'ит ВЛЕВО за свой контейнер, наезжая на .left. Резервируем
     padding-left = .left.width 200 + 40px breathing на .right в scrolled. */
  #header.scrolled .right,
  .scrolled #header .right {
    padding-left: 60px !important;
  }

  /* Hard guard: если parent menu всё равно выезжает — сжимаем горизонтальные
     отступы пунктов меню в scrolled. */
  #header.scrolled .right .bottom .menu > li,
  .scrolled #header .right .bottom .menu > li,
  #header.scrolled .right .bottom > nav > ul > li,
  .scrolled #header .right .bottom > nav > ul > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* На планшете — чуть теснее */
@media (max-width: 991px) and (min-width: 768px) {
  #header.scrolled .left,
  .scrolled #header .left {
    min-width: 160px !important;
    max-width: 180px !important;
  }
  #header.scrolled .site-logo .b-title,
  .scrolled #header .site-logo .b-title,
  #header.scrolled .site-logo span.b-title.bt16.bold,
  .scrolled #header .site-logo span.b-title.bt16.bold,
  html body #header.scrolled .site-logo span.b-title,
  html body .scrolled #header .site-logo span.b-title {
    font-size: 13px !important;
  }
}

/* ============================================================
   PARENT OFFSET FIX — отключаем парент `#content {padding-top: 120px}`.
   Старая компенсация под position:fixed header теперь даёт двойной offset,
   потому что наш header position:relative и сам в потоке.
   Применяется ВЕЗДЕ — header в потоке, контент идёт сразу за ним.
   ============================================================ */
main#content,
body main#content,
html body main#content {
  padding-top: 0 !important;
}

/* ============================================================================
   HEADER REDESIGN v0.12 — premium minimal warm-dark
   Перебивает ВСЁ предыдущее. Single-row layout: [logo] [menu] [phone+CTA].
   Парент-разметку оставляем (контракты JS), но скрываем лишние блоки и
   перекладываем оставшиеся через CSS grid + flex.
   ============================================================================ */

@media (min-width: 992px) {

  /* ── HIDE: лишнее в шапке. Меню, мейл, часы, слоган — в drawer. ─── */
  html body #header .left .slogan,
  html body #header .left > .slogan,
  html body #header .right .bottom,
  html body #header .right .bottom *,
  html body #header .search-but,
  html body #header .wrap-search-form,
  html body #header .wrap-search-form-mb,
  html body #header .right-top-item.work-time,
  html body #header .right-top-item.mail,
  html body #header .right .top .mail,
  html body #header .right .top .work-time,
  html body #header .right .top .messenger-title {
    display: none !important;
  }

  /* ── HEADER FOUNDATION ─────────────────────────────────────────────── */
  /* Header ВСЕГДА solid warm-dark — никаких transparency confusion */
  html body #header.sk-header,
  html body #header,
  html body.scandi-has-hero #header.sk-header,
  html body.scandi-has-hero #header {
    background: #14100d !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(193, 154, 91, 0.18) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.4) !important;
    height: auto !important;
    min-height: 84px !important;
    padding: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }
  /* On scroll — solid dark warm с blur, override transparent state */
  html body #header.scrolled,
  html body .scrolled #header,
  html body.scandi-has-hero #header.scrolled,
  html body.scandi-has-hero .scrolled #header {
    background: rgba(20, 16, 13, 0.95) !important;
    backdrop-filter: blur(16px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
    border-bottom: 1px solid rgba(193, 154, 91, 0.18) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
  }
  /* Header transparent ВЕЗДЕ pre-scroll. Solid только при scrolled. */

  html body #header.sk-header,
  html body #header {
    min-height: 76px !important;
  }

  html body #header .container,
  html body #header > .container {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    height: 76px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: 76px !important;
    align-items: center !important;
    column-gap: 24px !important;
  }

  html body #header .container > .in,
  html body #header .in {
    display: contents !important;
  }

  /* ── LEFT zone: burger + logo ─────────────────────────────────────── */
  html body #header .left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 16px !important;
  }

  html body #header .left .site-logo,
  html body #header .left a.site-logo {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
  }

  /* Скрываем парент <img> (синий PNG) */
  html body #header .left .site-logo img {
    display: none !important;
  }

  /* PLACEHOLDER под логотип — пустой box, куда позже встанет PNG/SVG от user'а */
  html body #header .left .site-logo::before {
    content: '' !important;
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    margin-right: 14px !important;
    border: 1.5px dashed rgba(193, 154, 91, 0.4) !important;
    border-radius: 8px !important;
    background: rgba(193, 154, 91, 0.04) !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    -webkit-mask: none !important;
    mask: none !important;
    filter: none !important;
    position: static !important;
  }
  html body #header .left .site-logo,
  html body #header .left a.site-logo,
  html body #header .left {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  /* Wordmark "Сканди ЭкоДом" — крупный premium */
  html body #header .left .site-logo .b-title,
  html body #header .left .site-logo span.b-title.bt16.bold {
    display: inline-block !important;
    font-family: var(--font-display, 'Manrope'), sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    color: #f3ecdc !important;
    text-transform: none !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  /* Парент даёт .site-logo span { padding-left: 15px } — убиваем для всех inner span */
  html body #header .left .site-logo .b-title span,
  html body #header .left .site-logo span span {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    letter-spacing: -0.025em !important;
  }
  html body #header .left .site-logo,
  html body #header .left a.site-logo {
    height: 90px !important;
    overflow: visible !important;
    align-self: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  html body #header .left {
    overflow: visible !important;
    height: 90px !important;
  }
  html body #header.sk-header,
  html body #header {
    min-height: 90px !important;
  }
  html body #header .container,
  html body #header > .container {
    height: 90px !important;
    grid-template-rows: 90px !important;
    overflow: visible !important;
  }
  html body #header .right {
    height: 90px !important;
  }

  /* Wordmark "Сканди ЭкоДом" — в одну строку, gold "Эко" */
  html body #header .left .site-logo .b-title,
  html body #header .left .site-logo span.b-title.bt16.bold {
    display: inline !important;
    font-family: var(--font-display, 'Manrope'), sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    color: #f3ecdc !important;
    white-space: nowrap !important;
    text-transform: none !important;
    margin-left: 12px !important;
  }

  html body #header .left .site-logo .b-title br {
    display: none !important;
  }

  html body #header .left .site-logo .b-title i {
    display: inline !important;
    font-style: normal !important;
    color: #c19a5b !important;
    background: transparent !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #c19a5b !important;
  }

  /* ── RIGHT zone: quick-action elements (phone, WA, TG, CTA) ───────── */
  html body #header .right {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: auto !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    gap: 18px !important;
  }

  html body #header .right .top {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
    order: 1 !important;
  }

  /* Phone block — оба телефона одновременно (СПб + МСК) */
  html body #header .right .top .phone,
  html body #header .right .top .phone-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 1px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  html body #header .right .top .wrap-phones {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    align-items: flex-end !important;
  }
  html body #header .right .top .wrap-phones > div,
  html body #header .right .top .wrap-phones > a,
  html body #header .right .top .wrap-phones > div.inactive,
  html body #header .right .top .wrap-phones > div.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }
  html body #header .right .top .telTo,
  html body #header .right .top .wrap-phones a {
    display: inline-block !important;
  }
  /* Eyebrow (city label) — СКРЫТА: city уже в pill toggle */
  html body #header .right .top .wrap-phones .telTo::before {
    display: none !important;
    content: '' !important;
  }

  /* ACTIVE city phone — full gold-brown background pill (как active city pill) */
  html body #header .right .top .wrap-phones .telTo.scandi-phone-active {
    background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 100%) !important;
    color: #14100d !important;
    font-weight: 700 !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(193, 154, 91, 0.25) !important;
    transition: all 0.25s ease !important;
  }
  html body #header .right .top .wrap-phones .telTo.scandi-phone-active::before {
    color: #14100d !important;
    background: transparent !important;
    padding: 0 !important;
    margin-right: 6px !important;
    font-weight: 700 !important;
  }

  /* INACTIVE city phone — HIDDEN (V2 2026-05-28).
     Was opacity:0.5 (visible, dimmed) — but showing BOTH phones + the
     city-switcher buttons made .phone-wrapper 835px wide, overflowing the
     header past 1440px (Заказать звонок + Вход для клиентов got cut off).
     A city switcher shows ONE number at a time — the active city's. Hiding
     the inactive phone shrinks the cluster ~180px so the header fits. */
  html body #header .right .top .wrap-phones .telTo.scandi-phone-inactive {
    display: none !important;
  }
  html body #header .right .top .wrap-phones .telTo.scandi-phone-inactive::before {
    color: #786e60 !important;
    opacity: 0.7 !important;
    background: transparent !important;
  }

  html body #header .right .top .phone .icon,
  html body #header .right .top .phone .phone-icon,
  html body #header .right .top .phone svg,
  html body #header .right .top .phone img,
  html body #header .right .top .phone .messengers,
  html body #header .right .top .phone .messenger-title {
    display: none !important;
  }

  html body #header .right .top .telTo,
  html body #header .right .top .phone-wrapper .telTo,
  html body #header .right .top a.telTo,
  html body #header .right .top .phone a {
    font-family: var(--font-display, 'Manrope'), sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #f3ecdc !important;
    text-decoration: none !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  }
  /* Text-shadow на all header text elements для читаемости над hero photo */
  html body #header .right .top .cb-link,
  html body #header .city-btn,
  html body #header .scandi-burger {
    text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
  }
  /* Burger pill при transparent header — добавляем backdrop-blur */
  html body #header .scandi-burger {
    background: rgba(20, 16, 13, 0.55) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
  /* City pills тоже с blur */
  html body #header .city-buttons {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  html body #header .right .top .telTo:hover { color: #c19a5b !important; }

  html body #header .right .top .cb-link,
  html body #header .right .top .phone-wrapper .cb-link,
  html body #header .right .top a.cb-link {
    font-family: var(--font-ui, 'Manrope'), sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #c19a5b !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(193, 154, 91, 0.4) !important;
    padding: 0 0 1px !important;
    margin: 0 !important;
    background: none !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    line-height: 1 !important;
    transition: color 0.18s ease, border-color 0.18s ease !important;
  }
  html body #header .right .top .cb-link:hover {
    color: #d4ad6e !important;
    border-color: #d4ad6e !important;
  }

  /* CITY pills — compact subtle */
  html body #header .city-buttons {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(193, 154, 91, 0.22) !important;
    border-radius: 999px !important;
    padding: 2px !important;
    gap: 0 !important;
    height: 26px !important;
    width: auto !important;
    margin: 0 !important;
    position: static !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }
  html body #header .city-buttons .city-btn {
    background: transparent !important;
    border: none !important;
    color: #a89c8a !important;
    font-family: var(--font-ui, 'Manrope'), sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    padding: 0 10px !important;
    height: 22px !important;
    line-height: 22px !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    transition: background 0.18s ease, color 0.18s ease !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    width: auto !important;
    min-width: 36px !important;
  }
  html body #header .city-buttons .city-btn.active {
    background: #c19a5b !important;
    color: #14100d !important;
  }
  /* City labels: высокая специфичность, перебиваем парент responsive rules */
  html body #header .city-buttons .city-btn .city-btn-full,
  html body #header .city-buttons .city-btn span.city-btn-full,
  html body div#header .city-btn .city-btn-full {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  html body #header .city-buttons .city-btn .city-btn-short,
  html body #header .city-buttons .city-btn span.city-btn-short,
  html body div#header .city-btn .city-btn-short {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  html body #header .city-buttons .city-btn { padding: 0 14px !important; font-size: 11px !important; }

  /* Messengers (WhatsApp, Telegram) — compact gold-outlined circles */
  html body #header .right .top .messengers {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
  html body #header .right .top .messengers > a,
  html body #header .right .top .messengers > .messenger-link,
  html body #header .messengers a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background: transparent !important;
    border: 1px solid rgba(193, 154, 91, 0.28) !important;
    border-radius: 999px !important;
    color: #c19a5b !important;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  html body #header .messengers a:hover {
    border-color: #c19a5b !important;
    background: rgba(193, 154, 91, 0.1) !important;
  }
  html body #header .messengers a img,
  html body #header .messengers a svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }
  /* Inline SVG — force gold fill on path (parent CSS sets path fill black) */
  html body #header .messengers a svg,
  html body #header .right .top .messengers a svg,
  html body div#header .messengers a svg {
    color: #c19a5b !important;
    fill: #c19a5b !important;
  }
  html body #header .messengers a svg path,
  html body #header .right .top .messengers a svg path,
  html body div#header .messengers a svg path {
    fill: #c19a5b !important;
    stroke: none !important;
  }
  html body #header .messengers a:hover svg,
  html body #header .messengers a:hover svg path {
    fill: #d4ad6e !important;
    color: #d4ad6e !important;
  }

  /* "Вход для клиентов" gold pill */
  html body #header a.client-login-hdr,
  html body #header .right .top a.client-login-hdr,
  html body #header .right a.client-login-hdr,
  html body #header .right-top-item a.client-login-hdr {
    font-family: var(--font-ui, 'Manrope'), sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #14100d !important;
    background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 100%) !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    border: none !important;
    text-decoration: none !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease !important;
    box-shadow: 0 4px 12px rgba(193, 154, 91, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  html body #header a.client-login-hdr svg,
  html body #header a.client-login-hdr img {
    width: 12px !important;
    height: 12px !important;
    color: #14100d !important;
    fill: #14100d !important;
  }
  html body #header a.client-login-hdr:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(193, 154, 91, 0.4) !important;
    color: #14100d !important;
  }
  html body #header a.client-login-hdr:visited { color: #14100d !important; }

  /* ── RIGHT zone: re-grid for menu + actions ───────────────────────── */
  html body #header .right {
    grid-column: 2 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    align-self: center !important;
  }

  /* MENU (.bottom) — СКРЫТА в основном header (теперь через drawer) */
  html body #header .right .bottom {
    display: none !important;
  }

  html body #header .right .bottom > nav,
  html body #header .right .bottom .menu,
  html body #header .right .bottom > ul {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    width: auto !important;
  }

  html body #header .right .bottom .menu > li,
  html body #header .right .bottom > nav > ul > li,
  html body #header .right .bottom > ul > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: none !important;
    border: none !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html body #header .right .bottom .menu a,
  html body #header .right .bottom > nav a,
  html body #header .right .bottom a:not(.cb-link):not(.telTo):not(.site-logo) {
    font-family: var(--font-ui, 'Geist'), -apple-system, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #d8cfba !important;
    text-decoration: none !important;
    letter-spacing: -0.005em !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    transition: color 0.18s ease !important;
    white-space: nowrap !important;
  }

  html body #header .right .bottom .menu a:hover,
  html body #header .right .bottom > nav a:hover,
  html body #header .right .bottom a:not(.cb-link):hover {
    color: #c19a5b !important;
  }

  /* ACTIONS (.top) — right side */
  html body #header .right .top {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
    gap: 24px !important;
    padding: 0 !important;
    margin: 0 0 0 32px !important;
    background: none !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
  }

  /* CITY pills (СПб/МСК) — subtle compact toggle */
  html body #header .city-buttons {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(193, 154, 91, 0.22) !important;
    border-radius: 999px !important;
    padding: 2px !important;
    gap: 0 !important;
    height: 28px !important;
    width: auto !important;
    margin: 0 !important;
    position: static !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }

  html body #header .city-buttons .city-btn {
    background: transparent !important;
    border: none !important;
    color: #a89c8a !important;
    font-family: var(--font-ui, 'Geist'), sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 0 12px !important;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: background 0.18s ease, color 0.18s ease !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    width: auto !important;
    min-width: 38px !important;
  }

  html body #header .city-buttons .city-btn:hover {
    color: #f3ecdc !important;
  }

  html body #header .city-buttons .city-btn.active {
    background: #c19a5b !important;
    color: #1a1410 !important;
  }

  html body #header .city-btn .city-btn-short {
    display: inline !important;
  }

  /* PHONE block — primary text */
  html body #header .right .top .phone,
  html body #header .right .top .phone-wrapper,
  html body #header .right .top > .phone {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  html body #header .right .top .phone .icon,
  html body #header .right .top .phone .phone-icon,
  html body #header .right .top .phone svg,
  html body #header .right .top .phone img {
    display: none !important;
  }

  html body #header .right .top .phone .phone-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }

  html body #header .right .top .phone .wrap-phones,
  html body #header .right .top .phone-wrapper .wrap-phones {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  html body #header .right .top .telTo,
  html body #header .right .top .phone-wrapper .telTo,
  html body #header .right .top a.telTo,
  html body #header .right .top .phone a {
    font-family: var(--font-display, 'Geist'), sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #f3ecdc !important;
    text-decoration: none !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body #header .right .top .telTo:hover {
    color: #c19a5b !important;
  }

  /* "Заказать звонок" — small secondary link под телефоном */
  html body #header .right .top .cb-link,
  html body #header .right .top .phone-wrapper .cb-link,
  html body #header .right .top a.cb-link {
    font-family: var(--font-ui, 'Geist'), sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #c19a5b !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(193, 154, 91, 0.4) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    transition: color 0.18s ease, border-color 0.18s ease !important;
  }

  html body #header .right .top .cb-link:hover {
    color: #d4ad6e !important;
    border-color: #d4ad6e !important;
  }

  /* "Вход для клиентов" → premium gold pill */
  html body #header a.client-login-hdr,
  html body #header .right .top a.client-login-hdr,
  html body #header .right a.client-login-hdr,
  html body #header .right-top-item a.client-login-hdr {
    font-family: var(--font-ui, 'Geist'), sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1a1410 !important;
    background: #c19a5b !important;
    padding: 9px 16px 9px 16px !important;
    border-radius: 999px !important;
    border: none !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
    box-shadow: 0 2px 8px rgba(193, 154, 91, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body #header a.client-login-hdr svg,
  html body #header a.client-login-hdr img {
    width: 14px !important;
    height: 14px !important;
    stroke: #1a1410 !important;
    color: #1a1410 !important;
    fill: #1a1410 !important;
  }

  html body #header a.client-login-hdr:hover {
    background: #d4ad6e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(193, 154, 91, 0.35) !important;
  }

  html body #header a.client-login-hdr:visited {
    color: #1a1410 !important;
  }

  /* Парент scrolled-state классы — обнуляем чтобы layout не прыгал */
  html body #header .right .top .right-top-item.client-login,
  html body #header .right .right-top-item {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
  }

  /* Hide парент right-top-item иконки кругов */
  html body #header .right-top-item.icon-circle {
    display: none !important;
  }

  /* Submenu — dark warm consistent */
  html body #header .right .bottom .menu li > ul,
  html body #header .right .bottom .menu .sub-menu,
  html body #header .right .bottom > nav .sub-menu {
    background: #221a14 !important;
    border: 1px solid rgba(193, 154, 91, 0.18) !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
    margin-top: 8px !important;
  }

  html body #header .right .bottom .menu .sub-menu a {
    padding: 8px 16px !important;
    color: #d8cfba !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  html body #header .right .bottom .menu .sub-menu a:hover {
    background: rgba(193, 154, 91, 0.08) !important;
    color: #c19a5b !important;
  }

  /* ── SCROLLED state — same dark layout, slightly compact ─────────── */
  html body #header.scrolled,
  html body .scrolled #header {
    background: rgba(26, 20, 16, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(193, 154, 91, 0.18) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
    min-height: 56px !important;
  }

  html body #header.scrolled .container,
  html body .scrolled #header .container {
    height: 56px !important;
    grid-template-rows: 56px !important;
  }

  html body #header.scrolled .left,
  html body .scrolled #header .left,
  html body #header.scrolled .right,
  html body .scrolled #header .right {
    height: 56px !important;
  }

  html body #header.scrolled .left .site-logo::before,
  html body .scrolled #header .left .site-logo::before {
    width: 32px !important;
    height: 32px !important;
  }

  html body #header.scrolled .left .site-logo .b-title,
  html body .scrolled #header .left .site-logo .b-title,
  html body #header.scrolled .left .site-logo span.b-title.bt16.bold,
  html body .scrolled #header .left .site-logo span.b-title.bt16.bold {
    font-size: 16px !important;
  }

  /* ── BODY background фоновых страниц = warm off-white ─────────────── */
  html body {
    background: #f5f1eb !important;
  }
}

/* ============================================================================
   HAMBURGER BUTTON + OFF-CANVAS DRAWER v0.13
   ============================================================================ */

/* Burger button — в потоке header .left, рядом с логотипом */
html body #header .scandi-burger {
  position: relative !important;
  z-index: 100 !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  gap: 14px !important;
  height: 40px !important;
  min-width: 96px !important;
  padding: 0 18px 0 14px !important;
  background: transparent !important;
  border: 1px solid rgba(193, 154, 91, 0.45) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, color 0.2s ease !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  color: #f3ecdc !important;
  text-transform: uppercase !important;
  flex-shrink: 0 !important;
}

html body #header .scandi-burger::after {
  content: 'Меню' !important;
  display: inline !important;
  line-height: 1 !important;
}

html body #header .scandi-burger:hover {
  border-color: #c19a5b !important;
  background: rgba(20, 16, 13, 0.9) !important;
  color: #c19a5b !important;
}

html body #header .scandi-burger > span:nth-child(1),
html body #header .scandi-burger > span:nth-child(2),
html body #header .scandi-burger > span:nth-child(3) {
  position: absolute !important;
  left: 14px !important;
  width: 16px !important;
  height: 1.5px !important;
  background: currentColor !important;
  border-radius: 2px !important;
  transition: transform 0.25s ease, opacity 0.2s ease !important;
}
html body #header .scandi-burger > span:nth-child(1) { top: 14px !important; }
html body #header .scandi-burger > span:nth-child(2) { top: 19px !important; }
html body #header .scandi-burger > span:nth-child(3) { top: 24px !important; }

/* Burger lines area — занимает 16px ширины, текст после */
html body #header .scandi-burger {
  padding-left: 38px !important;
}

/* Burger → X when drawer open */
html body.scandi-drawer-open #header .scandi-burger > span:nth-child(1) {
  transform: translateY(5px) rotate(45deg) !important;
}
html body.scandi-drawer-open #header .scandi-burger > span:nth-child(2) {
  opacity: 0 !important;
}
html body.scandi-drawer-open #header .scandi-burger > span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg) !important;
}

/* Скроллед-state: burger остаётся на месте (он fixed) */

/* Off-canvas drawer */
html body .scandi-drawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html body.scandi-drawer-open .scandi-drawer {
  pointer-events: auto !important;
  visibility: visible !important;
}

html body .scandi-drawer__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(8, 6, 4, 0.6) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

html body.scandi-drawer-open .scandi-drawer__backdrop {
  opacity: 1 !important;
}

html body .scandi-drawer__panel {
  position: relative !important;
  width: min(460px, 100vw) !important;
  height: 100dvh !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(193, 154, 91, 0.06) 0%, transparent 45%),
    linear-gradient(180deg, #181410 0%, #100c08 100%) !important;
  border-right: 1px solid rgba(193, 154, 91, 0.22) !important;
  box-shadow: 12px 0 50px rgba(0, 0, 0, 0.55) !important;
  transform: translateX(-100%) !important;
  transition: transform 0.36s cubic-bezier(0.32, 0.72, 0, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
}

/* Tonkaya gold strip slева панели */
html body .scandi-drawer__panel::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 2px !important;
  background: linear-gradient(180deg, transparent 0%, #c19a5b 25%, #c19a5b 75%, transparent 100%) !important;
  opacity: 0.6 !important;
}

html body.scandi-drawer-open .scandi-drawer__panel {
  transform: translateX(0) !important;
}

html body .scandi-drawer__close {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  width: 48px !important;
  height: 48px !important;
  background: rgba(193, 154, 91, 0.12) !important;
  border: 1.5px solid rgba(193, 154, 91, 0.4) !important;
  border-radius: 999px !important;
  color: #c19a5b !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0 3px !important;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease !important;
  z-index: 10 !important;
}

html body .scandi-drawer__close:hover {
  border-color: #c19a5b !important;
  background: rgba(193, 154, 91, 0.22) !important;
  color: #f3ecdc !important;
  transform: rotate(90deg) !important;
}

html body .scandi-drawer__inner {
  padding: 84px 44px 40px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  flex: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* House SVG ART — в пустом пространстве СПРАВА от drawer panel (over backdrop) */
html body .scandi-drawer__art {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: min(460px, 100vw) !important;
  right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 36px !important;
  padding: 60px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: 0 !important;
  transition: opacity 0.6s ease 0.2s !important;
}

html body.scandi-drawer-open .scandi-drawer__art {
  opacity: 1 !important;
}

html body .scandi-drawer__house {
  display: block !important;
  width: min(560px, 50vw) !important;
  height: auto !important;
  filter: drop-shadow(0 8px 32px rgba(193, 154, 91, 0.25)) !important;
}

html body .scandi-drawer__art-caption {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  text-align: center !important;
  max-width: 520px !important;
}
html body .scandi-drawer__art-eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #f3ecdc !important;
  line-height: 1 !important;
}
html body .scandi-drawer__art-tagline {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.18em !important;
  color: #a89c8a !important;
  text-transform: uppercase !important;
}

/* Word-by-word animated reveal — blur-in stagger */
html body .scandi-drawer__art-caption .sd-w {
  display: inline-block;
  opacity: 0;
  transform: translateY(8px);
  filter: blur(6px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.32, 1.4, 0.46, 1), filter 0.6s ease;
}
html body .scandi-drawer__art-caption .sd-w-gold {
  color: #c19a5b !important;
}

@keyframes scandi-word-in {
  from { opacity: 0; transform: translateY(8px); filter: blur(6px); }
  to   { opacity: 1; transform: translateY(0); filter: blur(0); }
}

html body.scandi-drawer-open .scandi-drawer__art-caption .sd-w {
  animation: scandi-word-in 0.7s cubic-bezier(0.32, 1.2, 0.46, 1) forwards;
  animation-delay: calc(3.0s + var(--sd-w-i) * 0.18s);
}

/* Header DIM при открытом drawer чтобы лого не "перекрывал" фон */
html body.scandi-drawer-open #header {
  opacity: 0.06 !important;
  pointer-events: none !important;
  transition: opacity 0.32s ease !important;
}
html body #header {
  transition: opacity 0.3s ease !important;
}
/* Burger pill остаётся видимым (для закрытия меню) — НАД header */
html body.scandi-drawer-open #header .scandi-burger {
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  top: 22px !important;
  left: 32px !important;
  z-index: 10001 !important;
}

@media (max-width: 991px) {
  html body .scandi-drawer__art { display: none !important; }
}

/* === MODERN BLUEPRINT ANIMATION ===
   Layered: grid fade → fill reveal → lines stroke-draw stagger → dots pulse → label */

/* === CONSTRUCTION TIMELINE — каркасный дом строится поэтапно ===
   Phase 1 (0.1-0.6s):  Foundation slab slides up
   Phase 2 (0.6-1.4s):  Vertical timber studs rise
   Phase 3 (1.4-1.8s):  Horizontal beams connect studs
   Phase 4 (1.8-2.6s):  Wall panels fill in
   Phase 5 (2.4-3.4s):  Roof rafters draw, then roof fill
   Phase 6 (3.0-3.8s):  Roof tiles cascade
   Phase 7 (3.5-4.0s):  Door installs
   Phase 8 (3.8-4.3s):  Windows install
   Phase 9 (4.0-4.5s):  Window light turns on
   Phase 10(4.0-4.5s):  Chimney + smoke
   Phase 11(4.5-7.5s):  Sun rises behind house up over roof
   Phase 12(5.0-...):   Anchor dots + caption reveal */

/* Initial states (всё скрыто, готово к стейдж-анимации) */
html body .scandi-drawer__house .scandi-h-grid { opacity: 0; }
html body .scandi-drawer__house .sd-foundation { opacity: 0; transform: translateY(20px) scaleX(0.4); transform-origin: center; }
html body .scandi-drawer__house .sd-stud { stroke-dasharray: 120; stroke-dashoffset: 120; }
html body .scandi-drawer__house .sd-beam { stroke-dasharray: 200; stroke-dashoffset: 200; }
html body .scandi-drawer__house .sd-fill-wall { opacity: 0; transform: scaleY(0); transform-origin: bottom center; }
html body .scandi-drawer__house .sd-fill-roof { opacity: 0; transform: scaleY(0); transform-origin: top center; }
html body .scandi-drawer__house .sd-tile { opacity: 0; stroke-dasharray: 30; stroke-dashoffset: 30; }
html body .scandi-drawer__house .scandi-h-frame .sd-l { stroke-dasharray: 600; stroke-dashoffset: 600; }
html body .scandi-drawer__house .scandi-h-frame .sd-l-circle { stroke-dasharray: 12; stroke-dashoffset: 12; }
html body .scandi-drawer__house .sd-dot { opacity: 0; }
html body .scandi-drawer__house .sd-glow { opacity: 0; }
html body .scandi-drawer__house .sd-smoke { opacity: 0; }
html body .scandi-drawer__house .scandi-h-label { opacity: 0; }

@keyframes scandi-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes scandi-stroke-draw {
  from { stroke-dashoffset: 800; }
  to { stroke-dashoffset: 0; }
}
@keyframes scandi-fill-reveal {
  from { opacity: 0; transform: scaleY(0); }
  to { opacity: 1; transform: scaleY(1); }
}
@keyframes scandi-dot-pulse {
  0% { opacity: 0; transform: scale(0); }
  60% { opacity: 1; transform: scale(1.4); }
  100% { opacity: 0.7; transform: scale(1); }
}
@keyframes scandi-house-breathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.005); }
}

@keyframes scandi-foundation-rise {
  from { opacity: 0; transform: translateY(20px) scaleX(0.4); }
  to   { opacity: 1; transform: translateY(0) scaleX(1); }
}
@keyframes scandi-stud-up {
  from { stroke-dashoffset: 120; }
  to   { stroke-dashoffset: 0; }
}
@keyframes scandi-beam-draw {
  from { stroke-dashoffset: 200; }
  to   { stroke-dashoffset: 0; }
}
@keyframes scandi-window-glow-on {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes scandi-smoke-rise {
  0%   { opacity: 0; transform: translateY(20px) scale(0.4); }
  20%  { opacity: 0.5; }
  100% { opacity: 0; transform: translateY(-30px) scale(1.4); }
}
@keyframes scandi-sun-rise {
  0%   { opacity: 0; transform: translate(20px, 30px) scale(0.7); }
  30%  { opacity: 0.5; }
  100% { opacity: 1; transform: translate(-40px, -180px) scale(1); }
}
@keyframes scandi-sun-pulse {
  0%, 100% { transform: translate(-40px, -180px) scale(1); opacity: 0.9; }
  50%      { transform: translate(-40px, -180px) scale(1.04); opacity: 1; }
}
@keyframes scandi-sun-halo-pulse {
  0%, 100% { transform: translate(-40px, -180px) scale(1); opacity: 0.5; }
  50%      { transform: translate(-40px, -180px) scale(1.1); opacity: 0.75; }
}

/* SUN initial state */
html body .scandi-drawer__house .scandi-h-sun { opacity: 0; }
html body .scandi-drawer__house .sd-sun-disk,
html body .scandi-drawer__house .sd-sun-halo,
html body .scandi-drawer__house .sd-sun-rays { transform-origin: 290px 240px; }

/* Sun animation: rises from behind ground/ridge, up over the house */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-sun {
  animation: scandi-fade-in 0.4s ease-out 4.5s forwards;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-sun-disk {
  animation: scandi-sun-rise 3.5s cubic-bezier(0.32, 0, 0.34, 1) 4.5s forwards,
             scandi-sun-pulse 5s ease-in-out 8s infinite;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-sun-rays {
  animation: scandi-sun-rise 3.5s cubic-bezier(0.32, 0, 0.34, 1) 4.5s forwards,
             scandi-sun-pulse 4s ease-in-out 8s infinite;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-sun-halo {
  animation: scandi-sun-rise 3.5s cubic-bezier(0.32, 0, 0.34, 1) 4.5s forwards,
             scandi-sun-halo-pulse 6s ease-in-out 8s infinite;
}

/* === ORCHESTRATION === */
html body.scandi-drawer-open .scandi-drawer__house {
  animation: scandi-house-breathe 6s ease-in-out 8s infinite;
}
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-grid {
  display: none !important;
}

/* PHASE 1: Foundation rises (0.3-0.9s) */
html body.scandi-drawer-open .scandi-drawer__house .sd-foundation {
  animation: scandi-foundation-rise 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.3s forwards;
}

/* PHASE 2: Timber studs rise sequentially (0.9-1.7s) — stagger left to right */
html body.scandi-drawer-open .scandi-drawer__house .sd-stud {
  animation: scandi-stud-up 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-stud-corner:nth-of-type(1) { animation-delay: 0.90s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-stud:nth-of-type(2) { animation-delay: 0.90s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-stud:nth-of-type(3) { animation-delay: 1.05s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-stud:nth-of-type(4) { animation-delay: 1.20s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-stud:nth-of-type(5) { animation-delay: 1.35s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-stud:nth-of-type(6) { animation-delay: 1.50s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-stud:nth-of-type(7) { animation-delay: 1.65s; }

/* PHASE 3: Horizontal beams connect studs (1.7-2.0s) */
html body.scandi-drawer-open .scandi-drawer__house .sd-beam {
  animation: scandi-beam-draw 0.5s cubic-bezier(0.65, 0, 0.35, 1) 1.70s forwards;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-beam-mid {
  animation-delay: 1.85s;
}

/* PHASE 4: Wall panels fill in (2.0-2.8s) */
html body.scandi-drawer-open .scandi-drawer__house .sd-fill-wall {
  animation: scandi-fill-reveal 0.8s cubic-bezier(0.65, 0, 0.35, 1) 2.0s forwards;
}

/* PHASE 5: Roof rafters draw (2.6-3.4s) — these are .sd-l in frame, lines 5 & 6 */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l {
  animation: scandi-stroke-draw 0.7s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
/* Adjusted timing per element (frame children index — see SVG order) */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(1)  { animation-delay: 0.40s; } /* ground line — early */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(2)  { animation-delay: 1.95s; } /* left wall outline */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(3)  { animation-delay: 1.95s; } /* right wall outline */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(4)  { animation-delay: 2.05s; } /* ceiling */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(5)  { animation-delay: 2.60s; } /* roof left */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(6)  { animation-delay: 2.60s; } /* roof right */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(7)  { animation-delay: 3.30s; } /* door */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(8)  { animation-delay: 3.45s; } /* door handle */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(9)  { animation-delay: 3.55s; } /* L window */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(10) { animation-delay: 3.65s; } /* L window cross H */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(11) { animation-delay: 3.65s; } /* L window cross V */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(12) { animation-delay: 3.55s; } /* R window */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(13) { animation-delay: 3.65s; } /* R window cross H */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(14) { animation-delay: 3.65s; } /* R window cross V */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(15) { animation-delay: 3.85s; } /* chimney */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(16) { animation-delay: 4.20s; } /* dim line */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(17) { animation-delay: 4.20s; } /* dim left */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(18) { animation-delay: 4.20s; } /* dim right */

/* PHASE 5b: Roof fill drops in (2.7-3.5s) */
html body.scandi-drawer-open .scandi-drawer__house .sd-fill-roof {
  animation: scandi-fill-reveal 0.8s cubic-bezier(0.65, 0, 0.35, 1) 2.7s forwards;
}

/* PHASE 6: Roof tiles cascade (3.0-3.6s) */
html body.scandi-drawer-open .scandi-drawer__house .sd-tile {
  animation: scandi-stroke-draw 0.4s ease-out forwards;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(1) { animation-delay: 3.00s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(2) { animation-delay: 3.05s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(3) { animation-delay: 3.10s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(4) { animation-delay: 3.15s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(5) { animation-delay: 3.20s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(6) { animation-delay: 3.25s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(7) { animation-delay: 3.30s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(8) { animation-delay: 3.35s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(9) { animation-delay: 3.40s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-tile:nth-child(10){ animation-delay: 3.45s; }

/* PHASE 9: Windows light up (4.0-4.6s) */
html body.scandi-drawer-open .scandi-drawer__house .sd-glow:nth-child(1) {
  animation: scandi-window-glow-on 0.9s ease-out 4.0s forwards;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-glow:nth-child(2) {
  animation: scandi-window-glow-on 0.9s ease-out 4.2s forwards;
}

/* PHASE 10: Chimney smoke wisps rise infinitely after construction (5.0s+) */
html body.scandi-drawer-open .scandi-drawer__house .sd-smoke:nth-child(1) {
  animation: scandi-smoke-rise 3s ease-out 5.0s infinite;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-smoke:nth-child(2) {
  animation: scandi-smoke-rise 3.5s ease-out 5.5s infinite;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-smoke:nth-child(3) {
  animation: scandi-smoke-rise 4s ease-out 6.0s infinite;
}
html body.scandi-drawer-open .scandi-drawer__house .sd-smoke:nth-child(4) {
  animation: scandi-smoke-rise 4.5s ease-out 6.5s infinite;
}

/* Anchor dots (corners) */
html body.scandi-drawer-open .scandi-drawer__house .sd-dot {
  animation: scandi-dot-pulse 0.7s ease-out 4.5s forwards;
}
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-label {
  animation: scandi-fade-in 0.6s ease-out 2.6s forwards;
}

/* Sequential stroke-draw delays per line (data-d driven, but CSS doesn't read data-* — use nth-child) */
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(1)  { animation-delay: 0.10s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(2)  { animation-delay: 0.20s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(3)  { animation-delay: 0.30s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(4)  { animation-delay: 0.40s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(5)  { animation-delay: 0.55s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(6)  { animation-delay: 0.55s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(7)  { animation-delay: 0.65s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(8)  { animation-delay: 0.65s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(9)  { animation-delay: 0.80s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(10) { animation-delay: 0.85s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(11) { animation-delay: 0.90s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(12) { animation-delay: 0.95s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(13) { animation-delay: 1.10s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(14) { animation-delay: 1.10s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(15) { animation-delay: 1.20s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(16) { animation-delay: 1.30s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(17) { animation-delay: 1.30s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(18) { animation-delay: 1.45s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(19) { animation-delay: 1.55s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(20) { animation-delay: 1.55s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(21) { animation-delay: 1.70s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(22) { animation-delay: 1.70s; }
html body.scandi-drawer-open .scandi-drawer__house .scandi-h-frame .sd-l:nth-child(23) { animation-delay: 1.70s; }

/* Dot stagger */
html body.scandi-drawer-open .scandi-drawer__house .sd-dot:nth-child(1) { animation-delay: 2.40s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-dot:nth-child(2) { animation-delay: 2.50s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-dot:nth-child(3) { animation-delay: 2.60s; }
html body.scandi-drawer-open .scandi-drawer__house .sd-dot:nth-child(4) { animation-delay: 2.70s; }

/* Reset when closed */
html body:not(.scandi-drawer-open) .scandi-drawer__house *,
html body:not(.scandi-drawer-open) .scandi-drawer__house {
  animation: none;
}

/* Eyebrow "Навигация" сверху drawer */
html body .scandi-drawer__inner::before {
  content: 'Навигация' !important;
  display: block !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  margin: 0 0 -12px !important;
  line-height: 1 !important;
}

/* Menu inside drawer — large premium typography */
html body .scandi-drawer__menu-clone {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  height: auto !important;
}

/* Hide search-but and parent dropdown indicators inside drawer */
html body .scandi-drawer__menu-clone .search-but,
html body .scandi-drawer__menu-clone .wrap-search-form,
html body .scandi-drawer__menu-clone .wrap-search-form-mb,
html body .scandi-drawer__menu-clone .menu-item-has-children > a::after,
html body .scandi-drawer__menu-clone .menu-item-has-children > .arrow,
html body .scandi-drawer__menu-clone .menu-arrow,
html body .scandi-drawer__menu-clone .arrow,
html body .scandi-drawer__menu-clone .toggle-sub,
html body .scandi-drawer__menu-clone i.fa,
html body .scandi-drawer__menu-clone i.fas,
html body .scandi-drawer__menu-clone svg.menu-icon {
  display: none !important;
}

html body .scandi-drawer__menu-clone > nav,
html body .scandi-drawer__menu-clone .menu,
html body .scandi-drawer__menu-clone > ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
}

html body .scandi-drawer__menu-clone .menu > li,
html body .scandi-drawer__menu-clone > nav > ul > li,
html body .scandi-drawer__menu-clone > ul > li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.08) !important;
  width: 100% !important;
  white-space: normal !important;
}

html body .scandi-drawer__menu-clone a {
  display: block !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #f3ecdc !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
  padding: 18px 0 !important;
  background: none !important;
  border: none !important;
  text-transform: none !important;
  transition: color 0.2s ease, padding 0.2s ease !important;
}

html body .scandi-drawer__menu-clone a:hover {
  color: #c19a5b !important;
  padding-left: 8px !important;
}

/* Sub-menus inside drawer — indented secondary */
html body .scandi-drawer__menu-clone .sub-menu,
html body .scandi-drawer__menu-clone li > ul {
  display: block !important;
  position: static !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 12px 16px !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body .scandi-drawer__menu-clone .sub-menu a {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #a89c8a !important;
  padding: 8px 0 !important;
  border: none !important;
}

html body .scandi-drawer__menu-clone .sub-menu a:hover {
  color: #c19a5b !important;
  padding-left: 4px !important;
}

/* Contact block inside drawer (bottom) — premium expressive */
html body .scandi-drawer__contact {
  margin-top: auto !important;
  padding-top: 36px !important;
  border-top: 1px solid rgba(193, 154, 91, 0.18) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

/* Two cities side-by-side with vertical gold rule */
html body .scandi-drawer__cities {
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
}

html body .scandi-drawer__cities::before {
  content: '' !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 1px !important;
  height: 100% !important;
  min-height: 60px !important;
  background: rgba(193, 154, 91, 0.18) !important;
  align-self: stretch !important;
}

html body .scandi-drawer__city {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

html body .scandi-drawer__city:first-child { grid-column: 1; }
html body .scandi-drawer__city:last-child  { grid-column: 3; }

html body .scandi-drawer__city-label {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #c19a5b !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

html body .scandi-drawer__phone {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #f3ecdc !important;
  text-decoration: none !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

html body .scandi-drawer__phone:hover {
  color: #c19a5b !important;
}

/* Messengers row — gold-outlined pills */
html body .scandi-drawer__messengers {
  display: flex !important;
  gap: 10px !important;
}

html body .scandi-drawer__messenger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 !important;
  padding: 11px 16px !important;
  background: transparent !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-radius: 999px !important;
  color: #d8cfba !important;
  text-decoration: none !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease !important;
  justify-content: center !important;
}

html body .scandi-drawer__messenger:hover {
  border-color: #c19a5b !important;
  background: rgba(193, 154, 91, 0.08) !important;
  color: #c19a5b !important;
}

html body .scandi-drawer__messenger svg {
  flex-shrink: 0 !important;
  color: currentColor !important;
}

/* CTA "Вход для клиентов" — premium gold pill */
html body .scandi-drawer__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 22px !important;
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 100%) !important;
  color: #1a1410 !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  text-align: center !important;
}

html body .scandi-drawer__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(193, 154, 91, 0.4) !important;
  color: #1a1410 !important;
}

html body .scandi-drawer__hours {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #786e60 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.7 !important;
  margin-top: 4px !important;
  text-align: center !important;
}

/* Lock body scroll when drawer open */
html body.scandi-drawer-open {
  overflow: hidden !important;
}

@media (max-width: 768px) {
  html body .scandi-drawer__panel {
    width: 100vw !important;
  }
  html body .scandi-drawer__inner {
    padding: 70px 24px 32px !important;
  }
  html body .scandi-drawer__menu-clone a {
    font-size: 19px !important;
    padding: 14px 0 !important;
  }
}

/* ============================================================================
   TRUST CARDS REDESIGN v0.12 — flat premium, no medallions, no glow
   Скрываем dimensional PNG-щиты + glow effects, делаем чистые dark карточки
   с большой типографикой числа.
   ============================================================================ */

@media (min-width: 768px) {

  /* Section background — warm off-white, чтобы dark cards выделились */
  html body section.adv-glass,
  html body .adv-glass {
    background: #f5f1eb !important;
    padding: 64px 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  /* GRID лифтится наверх — карточки наезжают на hero-баннер */
  html body .adv-glass__grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    max-width: 1200px !important;
    margin: -160px auto 0 !important;
    padding: 0 24px !important;
    align-items: stretch !important;
    position: relative !important;
    z-index: 5 !important;
  }

  /* Card body — flat warm-dark с тонкой gold rule сверху */
  html body .adv-glass__grid .adv-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    perspective: none !important;
    overflow: visible !important;
  }

  html body .adv-glass__grid .adv-card__inner {
    background: #1a1410 !important;
    border: 1px solid rgba(193, 154, 91, 0.15) !important;
    border-radius: 4px !important;
    padding: 32px 28px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
    position: relative !important;
    overflow: hidden !important;
  }

  html body .adv-glass__grid .adv-card__inner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, #c19a5b 0%, rgba(193, 154, 91, 0.3) 100%) !important;
  }

  html body .adv-glass__grid .adv-card:hover .adv-card__inner {
    border-color: rgba(193, 154, 91, 0.45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(20, 16, 13, 0.25) !important;
  }

  /* Скрываем все dimensional/glow элементы */
  html body .adv-glass__grid .adv-card__glare,
  html body .adv-glass__grid .adv-card__border-glow,
  html body .adv-glass__grid .adv-card__accent,
  html body .adv-glass__grid .adv-card__glow,
  html body .adv-glass__grid .adv-card__top img {
    display: none !important;
  }

  /* TOP block (теперь только watermark — числа) */
  html body .adv-glass__grid .adv-card__top {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    height: auto !important;
    position: static !important;
  }

  html body .adv-glass__grid .adv-card__watermark {
    position: static !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    transform: none !important;
    opacity: 1 !important;
    color: #c19a5b !important;
    font-family: var(--font-display, 'Geist'), sans-serif !important;
  }

  html body .adv-glass__grid .adv-card__watermark-num {
    font-family: var(--font-display, 'Geist'), sans-serif !important;
    font-size: 56px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #f3ecdc !important;
    letter-spacing: -0.03em !important;
    background: none !important;
    -webkit-text-fill-color: #f3ecdc !important;
    text-shadow: none !important;
  }

  html body .adv-glass__grid .adv-card__watermark-unit {
    font-family: var(--font-ui, 'Geist'), sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #c19a5b !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: none !important;
    -webkit-text-fill-color: #c19a5b !important;
    text-shadow: none !important;
  }

  /* BOTTOM block — title + desc */
  html body .adv-glass__grid .adv-card__bottom {
    background: none !important;
    padding: 0 !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  html body .adv-glass__grid .adv-card__title {
    font-family: var(--font-display, 'Geist'), sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #f3ecdc !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    background: none !important;
    -webkit-text-fill-color: #f3ecdc !important;
  }

  html body .adv-glass__grid .adv-card__desc {
    font-family: var(--font-ui, 'Geist'), sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #a89c8a !important;
    background: none !important;
    -webkit-text-fill-color: #a89c8a !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  html body .adv-glass__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ============================================================================
   MOBILE / TABLET (<992px) — только [☰ МЕНЮ] [logo] [wordmark]
   Всё остальное (телефоны, мессенджеры, city pills, login, иконки) скрыто из шапки —
   они доступны через drawer. 60% трафика мобильный — должно быть чисто.
   ============================================================================ */
@media (max-width: 991px) {
  /* Header — solid dark warm, компактный */
  html body #header.sk-header,
  html body #header {
    background: #14100d !important;
    backdrop-filter: none !important;
    border-bottom: 1px solid rgba(193, 154, 91, 0.18) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
    height: auto !important;
    min-height: 64px !important;
    padding: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }
  html body #header .container,
  html body #header > .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    height: 64px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  html body #header .container > .in,
  html body #header .in {
    display: contents !important;
  }

  /* LEFT zone — burger + logo placeholder + wordmark */
  html body #header .left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 64px !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* Burger pill — компактный */
  html body #header .scandi-burger {
    height: 36px !important;
    padding: 0 14px 0 32px !important;
    font-size: 10.5px !important;
  }
  html body #header .scandi-burger > span:nth-child(1) { top: 13px !important; }
  html body #header .scandi-burger > span:nth-child(2) { top: 17px !important; }
  html body #header .scandi-burger > span:nth-child(3) { top: 21px !important; }
  html body #header .scandi-burger > span { left: 12px !important; width: 14px !important; }

  /* Logo placeholder — меньше */
  html body #header .left .site-logo::before {
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px !important;
    border-radius: 6px !important;
  }
  html body #header .left .site-logo .b-title,
  html body #header .left .site-logo span.b-title.bt16.bold {
    font-size: 16px !important;
  }

  /* HIDE everything else from header — все actions в drawer */
  html body #header .right,
  html body #header .right .top,
  html body #header .right .top *,
  html body #header .right .bottom,
  html body #header .city-buttons,
  html body #header .messengers,
  html body #header .phone,
  html body #header .phone-wrapper,
  html body #header .wrap-phones,
  html body #header .telTo,
  html body #header .cb-link,
  html body #header a.client-login-hdr {
    display: none !important;
  }

  /* DRAWER — full-width on mobile */
  html body .scandi-drawer__panel {
    width: 100vw !important;
  }
  html body .scandi-drawer__inner {
    padding: 76px 24px 32px !important;
  }
  html body .scandi-drawer__menu-clone a {
    font-size: 19px !important;
    padding: 14px 0 !important;
  }
  html body .scandi-drawer__inner::before {
    margin-bottom: -8px !important;
  }
  /* Art скрыт на mobile (drawer = 100vw, art бы перекрывал menu) */
  html body .scandi-drawer__art {
    display: none !important;
  }

  /* Cities в drawer — stack vertically */
  html body .scandi-drawer__cities {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  html body .scandi-drawer__cities::before {
    display: none !important;
  }
  html body .scandi-drawer__city {
    border-bottom: 1px solid rgba(193, 154, 91, 0.12) !important;
    padding-bottom: 12px !important;
  }
  html body .scandi-drawer__city:last-child {
    border-bottom: none !important;
  }
}

/* Small mobile (<480px) extra tweaks */
@media (max-width: 480px) {
  html body #header .scandi-burger::after {
    content: '' !important;
  }
  html body #header .scandi-burger {
    width: 40px !important;
    padding: 0 !important;
  }
  html body #header .scandi-burger > span {
    left: 12px !important;
  }
  html body #header .left .site-logo .b-title {
    font-size: 14px !important;
  }
  html body #header .left .site-logo::before {
    width: 36px !important;
    height: 36px !important;
  }
}

/* ============================================================================
   HERO REDESIGN v0.12 — premium dark card, no glass, no gold gradient
   Парент рендерит h1.title с 4 .title-in блоками внутри. Перебиваем стили
   для tone calmer typography — cream text + один gold accent на слово.
   ============================================================================ */

@media (min-width: 992px) {

  html body .top-block .caption {
    background: rgba(20, 16, 13, 0.72) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(193, 154, 91, 0.18) !important;
    border-left: 2px solid #c19a5b !important;
    border-radius: 2px !important;
    padding: 40px 48px !important;
    max-width: 560px !important;
    margin: 0 60px 0 auto !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
  }

  html body .top-block .caption .title,
  html body .top-block .caption h1.title {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    text-align: left !important;
  }

  /* Reset glassmorphism cards on .title-in lines */
  html body .top-block .title-in {
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Заголовочные строки 1-3 — ALL CAPS spaced premium */
  html body .top-block .title-in:nth-child(1) span,
  html body .top-block .title-in:nth-child(2) span,
  html body .top-block .title-in:nth-child(3) span {
    font-family: var(--font-display, 'Geist'), sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: #f3ecdc !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    display: inline !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #f3ecdc !important;
  }

  /* Gold accent на key слово (i-tag) — subtle, не gradient */
  html body .top-block .title-in:nth-child(1) span i,
  html body .top-block .title-in:nth-child(2) span i,
  html body .top-block .title-in:nth-child(3) span i {
    color: #c19a5b !important;
    font-style: normal !important;
    background: transparent !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #c19a5b !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
  }

  /* Цена (последняя строка) — отдельный визуальный stat */
  html body .top-block .title-in:nth-child(4) {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(193, 154, 91, 0.18) !important;
  }

  html body .top-block .title-in:nth-child(4) span {
    font-family: var(--font-ui, 'Geist'), sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #a89c8a !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    display: inline !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #a89c8a !important;
  }

  html body .top-block .title-in:nth-child(4) span i {
    font-family: var(--font-num, 'Geist Mono'), monospace !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #f3ecdc !important;
    font-style: normal !important;
    background: transparent !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: #f3ecdc !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    margin-left: 4px !important;
  }
}

/* ============================================================================
   FOOTER REDESIGN v0.32 — premium dark warm minimal (Stripe/Linear pattern)
   Структура: 4 чистые колонки + sub-footer thin row.
   Скрываем: длинный disclaimer, реквизиты — это юридический балласт.
   ============================================================================ */

footer,
html body footer {
  background: #14100d !important;
  border-top: 1px solid rgba(193, 154, 91, 0.18) !important;
  color: #d8cfba !important;
  padding: 56px 0 0 !important;
}

/* HIDE: только юридический disclaimer (длинный текст offer) */
html body footer .left .copyright .desc,
html body footer .left .copyright .desc.b-title,
html body footer .left .copyright .desc * {
  display: none !important;
}
/* Скрываем длинный адрес+реквизиты в footer .right .bottom — оставим только compact-контакты через JS-injection */
html body footer .right .bottom .contacts-items {
  display: none !important;
}

html body footer .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

html body footer .container .in {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1.2fr !important;
  column-gap: 64px !important;
  row-gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  html body footer .container .in {
    grid-template-columns: 1fr 1fr !important;
    column-gap: 32px !important;
    row-gap: 32px !important;
  }
}
@media (max-width: 600px) {
  html body footer .container .in {
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
  }
}

/* COLUMN 1 — Logo + краткое описание бренда */
html body footer .left {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  float: none !important;
}
@media (max-width: 768px) {
  html body footer .left {
    padding-bottom: 24px !important;
    border-bottom: 1px solid rgba(193,154,91,0.12) !important;
    margin-bottom: 8px !important;
  }
}

html body footer .left .site-logo {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

/* Hide parent <img> в footer тоже (это синий PNG) */
html body footer .left .site-logo img {
  display: none !important;
}

/* Footer logo placeholder dashed gold */
html body footer .left .site-logo::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border: 1.5px dashed rgba(193, 154, 91, 0.4) !important;
  border-radius: 8px !important;
  background: rgba(193, 154, 91, 0.04) !important;
  flex-shrink: 0 !important;
}

html body footer .left .site-logo .b-title,
html body footer .left .site-logo span.b-title.bt16.bold {
  display: inline-block !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  color: #f3ecdc !important;
  text-transform: none !important;
  white-space: nowrap !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
html body footer .left .site-logo .b-title i,
html body footer .left .site-logo span.b-title i {
  display: inline !important;
  font-style: normal !important;
  color: #c19a5b !important;
  background: transparent !important;
  -webkit-text-fill-color: #c19a5b !important;
}
html body footer .left .site-logo .b-title br {
  display: none !important;
}
html body footer .left .site-logo span span {
  padding: 0 !important;
  margin: 0 !important;
}

/* Copyright block */
html body footer .left .copyright {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
html body footer .left .copyright .title {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  line-height: 1 !important;
}
html body footer .left .copyright .desc {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #786e60 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}
html body footer .left .copyright .privacy-policy {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #c19a5b !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.4) !important;
  align-self: flex-start !important;
  padding-bottom: 1px !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}
html body footer .left .copyright .privacy-policy:hover {
  color: #d4ad6e !important;
  border-color: #d4ad6e !important;
}

/* RIGHT — занимает 2 колонки в grid, разворачиваем sub-grid */
html body footer .right {
  display: contents !important; /* children .top + .bottom встают как отдельные grid items */
}

html body footer .right .top {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

html body footer .right .top .menu {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body footer .right .top .menu li {
  text-align: left !important;
  width: 100% !important;
}

html body footer .right .top .menu li {
  list-style: none !important;
}

html body footer .right .top .menu li a {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #d8cfba !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease, padding-left 0.2s ease !important;
  display: inline-block !important;
}

html body footer .right .top .menu li a:hover {
  color: #c19a5b !important;
  padding-left: 4px !important;
}

/* Contacts block */
html body footer .right .bottom .contacts-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

html body footer .right .bottom .contacts {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px !important;
}
@media (max-width: 768px) {
  html body footer .right .bottom .contacts {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

html body footer .right .bottom .contacts .item {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #a89c8a !important;
}
html body footer .right .bottom .contacts .item .b-title {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  color: #a89c8a !important;
}
html body footer .right .bottom .contacts .item b {
  font-weight: 600 !important;
  color: #c19a5b !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
html body footer .right .bottom .contacts .item a {
  color: #f3ecdc !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
html body footer .right .bottom .contacts .item a:hover {
  color: #c19a5b !important;
}

/* Column eyebrows (injected by JS) */
html body footer .scandi-feye {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  margin-bottom: 18px !important;
  line-height: 1 !important;
  display: block !important;
}

/* Sub-footer thin legal row */
html body footer .scandi-subfooter {
  margin-top: 48px !important;
  padding: 22px 0 !important;
  border-top: 1px solid rgba(193, 154, 91, 0.12) !important;
  background: rgba(0, 0, 0, 0.18) !important;
}
html body footer .scandi-subfooter__inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #786e60 !important;
}
html body footer .scandi-subfooter__copy { flex: 0 0 auto !important; }
html body footer .scandi-subfooter__priv {
  color: #a89c8a !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  flex: 0 0 auto !important;
}
html body footer .scandi-subfooter__priv:hover {
  color: #c19a5b !important;
}
/* Скрываем D4B media badge парента */
html body footer .copyright + a[href*="d4b"],
html body footer img[src*="d4b"],
html body footer a[href*="d4b"],
html body footer .d4b,
html body footer [class*="d4b"] {
  display: none !important;
}

/* === Compact contacts column (injected via JS) === */
html body footer .scandi-fcontact {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
html body footer .scandi-fcontact__phones {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
html body footer .scandi-fcontact__phone {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: #f3ecdc !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  transition: color 0.2s ease !important;
  gap: 2px !important;
}
html body footer .scandi-fcontact__phone:hover { color: #c19a5b !important; }
html body footer .scandi-fcontact__city {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  display: block !important;
  margin-bottom: 1px !important;
}
html body footer .scandi-fcontact__email {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #d8cfba !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.3) !important;
  padding-bottom: 1px !important;
  align-self: flex-start !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}
html body footer .scandi-fcontact__email:hover {
  color: #c19a5b !important;
  border-color: #c19a5b !important;
}
html body footer .scandi-fcontact__msgs {
  display: flex !important;
  gap: 8px !important;
}
html body footer .scandi-fcontact__msg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(193, 154, 91, 0.3) !important;
  color: #c19a5b !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}
html body footer .scandi-fcontact__msg:hover {
  border-color: #c19a5b !important;
  background: rgba(193, 154, 91, 0.1) !important;
  color: #d4ad6e !important;
}
html body footer .scandi-fcontact__msg svg { fill: currentColor !important; }
html body footer .scandi-fcontact__hours {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #786e60 !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
}

/* Force .right .bottom visible (we hid only .contacts-items inside) */
html body footer .right .bottom {
  display: block !important;
}

/* ============================================================================
   SECTION BASELINE v0.36 — premium typography, spacing, forms, buttons
   Применяется ко ВСЕМ блокам страницы.
   ============================================================================ */

/* Body background — warm cream между секциями */
html body { background: #f5f1eb !important; }

/* V2 2026-05-28: kill accidental horizontal scroll on desktop.
   Diagnosed offenders: header .top right-cluster (phones+worktime+LK,
   reaches ~1806px) and team-slider flex track (.scandi-team__card 5th/6th).
   `overflow-x: clip` (NOT hidden) clips horizontal overflow WITHOUT creating
   a scroll container — so position:sticky #header still works. Modern,
   recommended technique; not a costyl. */
html, html body {
  overflow-x: clip !important;
}

/* Section padding generous */
html body section,
html body .block-padding {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
@media (max-width: 768px) {
  html body section,
  html body .block-padding {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}
html body .block-padding.no-padding-bottom { padding-bottom: 0 !important; }
html body .block-padding.no-padding-top { padding-top: 0 !important; }

/* Section titles — Manrope premium */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .section-title,
html body .b-title.bt28,
html body .b-title.bt24,
html body .b-title.bt20,
html body .b-title.bt32 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
  color: #1a1410 !important;
}
html body h1 { font-size: clamp(32px, 4.5vw, 56px) !important; }
html body h2 { font-size: clamp(28px, 3.6vw, 44px) !important; }
html body h3 { font-size: clamp(22px, 2.6vw, 32px) !important; }
html body h4 { font-size: clamp(18px, 2vw, 24px) !important; }

/* h2/h3 italic <i> → gold accent (NOT italic) */
html body h1 i, html body h2 i, html body h3 i, html body h4 i,
html body .section-title i, html body .b-title i {
  color: #c19a5b !important;
  font-style: normal !important;
  background: transparent !important;
  -webkit-text-fill-color: #c19a5b !important;
  font-weight: 600 !important;
}

/* Body text Manrope */
html body p, html body li, html body td, html body th, html body label,
html body .desc, html body .description {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  letter-spacing: -0.005em !important;
  line-height: 1.6 !important;
}

/* Form inputs — premium dark */
html body input[type="text"],
html body input[type="tel"],
html body input[type="email"],
html body input[type="number"],
html body select,
html body textarea {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  background: #ffffff !important;
  color: #1a1410 !important;
  border: 1px solid rgba(193, 154, 91, 0.3) !important;
  border-radius: 6px !important;
  padding: 14px 16px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  letter-spacing: -0.005em !important;
}
html body input[type="text"]:focus,
html body input[type="tel"]:focus,
html body input[type="email"]:focus,
html body input[type="number"]:focus,
html body select:focus,
html body textarea:focus {
  outline: none !important;
  border-color: #c19a5b !important;
  box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.15) !important;
}
html body ::placeholder {
  color: #786e60 !important;
  opacity: 1 !important;
}

/* Primary button — gold gradient pill */
html body .button,
html body button.button,
html body .btn-primary,
html body input[type="submit"],
html body button[type="submit"],
html body .submit,
html body .form-submit input {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #14100d !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(193, 154, 91, 0.25) !important;
  white-space: nowrap !important;
}
html body .button:hover,
html body button.button:hover,
html body input[type="submit"]:hover,
html body button[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.4) !important;
  color: #14100d !important;
}

/* Containers — все unified max-width */
html body section .container,
html body .block-padding .container,
html body section > .in {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* ============================================================================
   PER-BLOCK PREMIUM TWEAKS v0.37
   ============================================================================ */

/* === CATALOG block (.catalog) — карточки проектов === */
html body .catalog {
  background: #f5f1eb !important;
}
html body .catalog .container,
html body .catalog .in {
  max-width: 1200px !important;
}
html body .catalog .section-title,
html body .catalog h2 {
  margin-bottom: 36px !important;
}

/* === BUILD STAGES (.build-stages) — этапы работы === */
html body section.build-stages {
  background: #14100d !important;
  color: #d8cfba !important;
}
html body section.build-stages h1,
html body section.build-stages h2,
html body section.build-stages h3,
html body section.build-stages .section-title {
  color: #f3ecdc !important;
}
html body section.build-stages h2 i,
html body section.build-stages .section-title i {
  color: #c19a5b !important;
}
html body section.build-stages p,
html body section.build-stages li,
html body section.build-stages .desc,
html body section.build-stages .b-title {
  color: #d8cfba !important;
}
html body section.build-stages .step,
html body section.build-stages [class*="step-"],
html body section.build-stages .item {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(193, 154, 91, 0.18) !important;
  border-radius: 8px !important;
  padding: 28px !important;
  transition: border-color 0.25s ease, transform 0.25s ease !important;
}
html body section.build-stages .step:hover,
html body section.build-stages .item:hover {
  border-color: rgba(193, 154, 91, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* === MORTGAGE CALLING (.mortgage-calling) — ипотека CTA === */
html body section.mortgage-calling {
  background: #f5f1eb !important;
  padding: 80px 0 !important;
}
/* (Old mortgage-calling__inner card style removed — see 2-col grid below) */
html body .mortgage-calling__content h2,
html body .mortgage-calling__content h3 {
  color: #f3ecdc !important;
}
html body .mortgage-calling__content i,
html body .mortgage-calling__content h2 i {
  color: #c19a5b !important;
}
html body .mortgage-calling__content p,
html body .mortgage-calling__content li {
  color: #d8cfba !important;
}
html body .mortgage-calling__btn {
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  color: #14100d !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  box-shadow: 0 4px 14px rgba(193, 154, 91, 0.28) !important;
}

/* === ABOUT COMPANY (.about-company) === */
/* Phase 13 2026-05-26: root `background: #f5f1eb` removed — fully shadowed
   by the gradient + padding rule at line ~6874 and the geometry rule at
   line ~9637. Cascade-late rules win on same-specificity !important. */
html body .about-company h1,
html body .about-company h2,
html body .about-company .section-title {
  color: #1a1410 !important;
}
html body .about-company .item,
html body .about-company .stat-item,
html body .about-company [class*="number"] {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
}
html body .about-company .num,
html body .about-company [class*="num"] {
  color: #c19a5b !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
}

/* === BLOCK WITH VIDEO (.block-with-video) === */
html body .block-with-video {
  background: #14100d !important;
  color: #d8cfba !important;
}
html body .block-with-video h1,
html body .block-with-video h2,
html body .block-with-video h3 {
  color: #f3ecdc !important;
}
html body .block-with-video p,
html body .block-with-video .desc {
  color: #d8cfba !important;
}
html body .block-with-video-media,
html body .block-with-video video,
html body .block-with-video iframe {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* === CERTIFICATES (.cert-container) === */
/* Phase 13 2026-05-26: root `background: #f5f1eb` removed — fully shadowed
   by gradient rule at ~6973 and the editorial rebuild at ~10744. */

/* === OUR WORKS (.our-works) === */
/* Phase 13 2026-05-26: root rule removed (was `background: #14100d` +
   `color: #d8cfba`). Background overridden by the editorial 4-stop gradient
   at ~9858; `color` propagated to that block so descendant text inherits. */
html body .our-works h1,
html body .our-works h2,
html body .our-works h3,
html body .our-works .section-title {
  color: #f3ecdc !important;
}
html body .our-works i,
html body .our-works h2 i {
  color: #c19a5b !important;
}
html body .our-works p,
html body .our-works .desc {
  color: #d8cfba !important;
}
html body .our-works .item,
html body .our-works .card,
html body .our-works [class*="card"] {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(193, 154, 91, 0.18) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, transform 0.25s ease !important;
}
html body .our-works .item:hover,
html body .our-works .card:hover {
  border-color: rgba(193, 154, 91, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* === OBJECT MAP (section.object-map) === */
html body section.object-map {
  background: #f5f1eb !important;
}
html body section.object-map h2,
html body section.object-map .object-map__title {
  color: #1a1410 !important;
}

/* === REALTY TOUR (section.realty-tour) === */
html body section.realty-tour {
  background: #14100d !important;
  color: #d8cfba !important;
}
html body section.realty-tour h2,
html body section.realty-tour h3 {
  color: #f3ecdc !important;
}
html body section.realty-tour .container-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(193, 154, 91, 0.22) !important;
  border-radius: 12px !important;
  padding: 40px !important;
}

/* === FINAL FORM (.cbform) — "Остались вопросы" === */
html body .cbform {
  background: #f5f1eb !important;
}
html body .cbform .container-card,
html body .cbform .form-style {
  background: #ffffff !important;
  border: 1px solid rgba(193, 154, 91, 0.22) !important;
  border-radius: 12px !important;
  padding: 40px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
}
html body .cbform h2,
html body .cbform h3 {
  color: #1a1410 !important;
}

/* === BLOCK TEXT (.block-text) — SEO-текст внизу === */
html body .block-text {
  background: #f5f1eb !important;
  padding: 56px 0 !important;
}
html body .block-text h1,
html body .block-text h2,
html body .block-text h3 {
  color: #1a1410 !important;
  margin-bottom: 16px !important;
}
html body .block-text p,
html body .block-text li {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #4a4035 !important;
  margin-bottom: 12px !important;
}
html body .block-text a {
  color: #c19a5b !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.4) !important;
}

/* === CBFORM-GET-CATALOG (.cbform-get-catalog) — форма "Подбор каталога" === */
html body .cbform-get-catalog {
  background: #f5f1eb !important;
}
html body .cbform-get-catalog h2,
html body .cbform-get-catalog .section-title {
  color: #1a1410 !important;
}

/* === Утилитарные оверрайды чтобы цвет старого синего бренда не лез === */
html body a[href]:not(.button):not([class*="btn"]):not(.scandi-burger):not(.scandi-drawer__cta):not(.client-login-hdr):not(.cb-link):not(.telTo) {
  color: inherit;
}
html body .desc a, html body p a {
  color: #c19a5b !important;
}

/* Убираем старый синий gradient background с italic <i> в любом месте */
html body i, html body em {
  font-style: normal !important;
}
html body .top-block i, html body .b-title i, html body h1 i, html body h2 i, html body h3 i {
  background: transparent !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #c19a5b !important;
  color: #c19a5b !important;
}

/* ============================================================================
   v0.38 — DESIGN-SYSTEM TIGHTENING
   Build-stages mobile stack + cream readable text + container fix
   ============================================================================ */

/* === Build-stages — vertical stack on mobile, generous cards === */
html body section.build-stages {
  background: #14100d !important;
  padding: 80px 0 !important;
}
@media (max-width: 991px) {
  html body section.build-stages {
    padding: 56px 0 !important;
  }
}

html body section.build-stages h1,
html body section.build-stages h2,
html body section.build-stages .section-title,
html body section.build-stages .step-card__heading,
html body section.build-stages .step-card__title,
html body section.build-stages .step-card__label {
  color: #f3ecdc !important;
}
html body section.build-stages h2 i,
html body section.build-stages .section-title i {
  color: #c19a5b !important;
}
html body section.build-stages .step-card__desc,
html body section.build-stages p {
  color: #d8cfba !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  letter-spacing: -0.005em !important;
}

/* Card layout — generous padding, gold border */
html body section.build-stages .step-cards__item,
html body section.build-stages .step-card {
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(193,154,91,0.18) !important;
  border-radius: 10px !important;
  padding: 32px 28px !important;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
html body section.build-stages .step-cards__item:hover {
  border-color: rgba(193,154,91,0.38) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.25) !important;
}

/* Step number — large gold */
html body section.build-stages .step-card__num {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 56px !important;
  font-weight: 600 !important;
  color: #c19a5b !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  background: none !important;
  -webkit-text-fill-color: #c19a5b !important;
  text-shadow: none !important;
  margin-bottom: 16px !important;
}

/* Step "ШАГ" label — small uppercase */
html body section.build-stages .step-card__label {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(193,154,91,0.7) !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Step title — Manrope 600 */
html body section.build-stages .step-card__title,
html body section.build-stages .step-card__heading {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  color: #f3ecdc !important;
  text-transform: none !important;
  margin: 0 0 14px !important;
}

/* MOBILE: vertical stack, FULL WIDTH каждой карточки */
@media (max-width: 991px) {
  html body section.build-stages .step-cards,
  html body section.build-stages .step-cards__row {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }
  html body section.build-stages .step-cards__item,
  html body section.build-stages .step-card {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 28px 22px !important;
  }
  html body section.build-stages .step-card__num {
    font-size: 44px !important;
    margin-bottom: 12px !important;
  }
  html body section.build-stages .step-card__title,
  html body section.build-stages .step-card__heading {
    font-size: 17px !important;
  }
  /* Скрыть decorative arrows / dotted lines между шагами на mobile */
  html body section.build-stages svg.arrow,
  html body section.build-stages [class*="arrow"],
  html body section.build-stages .step-cards__divider,
  html body section.build-stages [class*="divider"],
  html body section.build-stages [class*="connector"] {
    display: none !important;
  }
  /* Step image / preview — приличный размер */
  html body section.build-stages .step-card__image,
  html body section.build-stages .step-card__preview {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* DESKTOP: clean grid */
@media (min-width: 992px) {
  html body section.build-stages .step-cards__row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

/* === OBJECT MAP — section ниже стилизуется === */
html body section.object-map {
  background: #14100d !important;
  padding: 80px 0 !important;
}
html body section.object-map h1,
html body section.object-map h2,
html body section.object-map .object-map__title {
  color: #f3ecdc !important;
}
html body section.object-map h2 i {
  color: #c19a5b !important;
}
html body section.object-map .object-map__map,
html body section.object-map [class*="map-container"] {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(193,154,91,0.18) !important;
}

/* === REALTY TOUR (.realty-tour) — Экскурсия по объектам === */
html body section.realty-tour {
  background: #14100d !important;
  padding: 80px 0 !important;
}
html body section.realty-tour h2,
html body section.realty-tour h3,
html body section.realty-tour .section-title {
  color: #f3ecdc !important;
}
html body section.realty-tour h2 i { color: #c19a5b !important; }
html body section.realty-tour p,
html body section.realty-tour .desc {
  color: #d8cfba !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
html body section.realty-tour .container-card,
html body section.realty-tour .realty-tour__inner {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(193,154,91,0.22) !important;
  border-radius: 12px !important;
  padding: 40px !important;
}
@media (max-width: 768px) {
  html body section.realty-tour .container-card,
  html body section.realty-tour .realty-tour__inner {
    padding: 28px 20px !important;
  }
}

/* === Single house "В стоимость включено" / "Отделка" cards (на single-page) === */
html body .container-card,
html body .houses-info,
html body .house-info-card {
  background: #ffffff !important;
  border: 1px solid rgba(193,154,91,0.2) !important;
  border-radius: 12px !important;
  padding: 32px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}

/* CREAM text on ALL dark sections defensively */
html body section.build-stages *:not(i):not(.button):not([class*="btn"]),
html body section.our-works *:not(i):not(.button):not([class*="btn"]),
html body section.realty-tour *:not(i):not(.button):not([class*="btn"]),
html body section.block-with-video *:not(i):not(.button):not([class*="btn"]),
html body section.object-map *:not(i):not(.button):not([class*="btn"]) {
  /* don't override colors here — too aggressive */
}

/* === v0.39 step-card cleanup — убрать decorative bg/preview squares === */
html body section.build-stages .step-card__bg,
html body section.build-stages .step-card__bg-image,
html body section.build-stages .step-card__preview {
  display: none !important;
}
/* Header/body rows — flex для лучшей вёрстки */
html body section.build-stages .step-card__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  margin-bottom: 20px !important;
}
html body section.build-stages .step-card__body {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
html body section.build-stages .step-card__content {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Number — большая, отдельно */
html body section.build-stages .step-card__num {
  font-size: 64px !important;
  display: block !important;
  margin: 0 0 4px !important;
}
html body section.build-stages .step-card__label {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  html body section.build-stages .step-card__num { font-size: 48px !important; }
}

/* Image (если есть в карточке) */
html body section.build-stages .step-card__image,
html body section.build-stages .step-card__image img {
  border-radius: 6px !important;
  max-width: 100% !important;
  height: auto !important;
  margin-top: 16px !important;
  display: block !important;
}

/* === v0.40 step-card NESTED CLEANUP — убрать вложенные «карточки в карточках» === */
html body section.build-stages .step-card .step-card__header,
html body section.build-stages .step-card .step-card__body,
html body section.build-stages .step-card .step-card__content,
html body section.build-stages .step-card .step-card__inner,
html body section.build-stages .step-card__header,
html body section.build-stages .step-card__body,
html body section.build-stages .step-card__content,
html body section.build-stages .step-card__inner,
html body section.build-stages .step-cards__item .step-card__header,
html body section.build-stages .step-cards__item .step-card__body,
html body section.build-stages .step-cards__item .step-card__content {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Re-apply нужные spacings внутри card */
html body section.build-stages .step-card__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  margin: 0 0 16px !important;
}
html body section.build-stages .step-card__body {
  margin: 0 0 12px !important;
}

/* === v0.41 — фикс наследования decorative от парента === */
/* .step-card__heading: парент даёт белый pill с transform; убираем background/transform */
html body section.build-stages .step-card__heading {
  background: transparent !important;
  background-color: transparent !important;
  transform: none !important;
  padding: 0 !important;
  white-space: normal !important;
  color: #f3ecdc !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
  display: block !important;
}
/* .step-card__title — same treatment */
html body section.build-stages .step-card__title {
  background: transparent !important;
  transform: none !important;
  color: #f3ecdc !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 0 12px !important;
  white-space: normal !important;
}
/* .step-card__preview — circular ring decoration; скрываем полностью */
html body section.build-stages .step-card__preview,
html body section.build-stages .step-card__image {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
}
html body section.build-stages .step-card__preview { display: none !important; }

/* .step-cards__item--bigger — на mobile НЕ span 2, single column */
@media (max-width: 991px) {
  html body section.build-stages .step-cards__item--bigger {
    grid-column: auto !important;
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid rgba(193,154,91,0.18) !important;
    box-shadow: none !important;
  }
}
@media (min-width: 992px) {
  html body section.build-stages .step-cards__item--bigger {
    border: 1px solid rgba(193,154,91,0.22) !important;
    box-shadow: none !important;
  }
}

/* Force final card style — single warm-dark card with gold border, no nested artifacts */
html body section.build-stages .step-cards__item,
html body section.build-stages .step-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(193,154,91,0.18) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 28px 26px !important;
}

/* === v0.42 — kill inherited borders on step-card children (Tailwind-style preflight inheritance) === */
html body section.build-stages .step-card *,
html body section.build-stages .step-cards__item *,
html body section.build-stages .step-card__header *,
html body section.build-stages .step-card__body *,
html body section.build-stages .step-card__content * {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}
/* Restore the OUTER card border only */
html body section.build-stages .step-cards__item,
html body section.build-stages .step-card {
  border: 1px solid rgba(193,154,91,0.22) !important;
  background: rgba(255,255,255,0.04) !important;
  background-color: rgba(255,255,255,0.04) !important;
}

/* === v0.43 — universal cleanup: убить inherited borders на ВСЕХ section blocks === */
/* Парент-CSS даёт глобальный border-style:solid + border-width:inherit для children внутри styled containers.
   Это создаёт призрачные рамки в hover/cards. Сбрасываем на всех block sections. */
html body section.build-stages [class*="step-card__"],
html body section.our-works [class*="card"] *,
html body section.realty-tour [class*="container-card"] *,
html body section.mortgage-calling [class*="mortgage-calling__"],
html body .cbform [class*="container-card"] *,
html body section.block-with-video [class*="block-with-video__"] {
  border-width: 0 !important;
  border-style: none !important;
  outline-width: 0 !important;
}

/* Восстанавливаем границы только на верхнеуровневых cards, которые мы хотим видеть */
html body section.build-stages .step-cards__item,
html body section.our-works .item,
html body section.our-works > .container > div > .item {
  border: 1px solid rgba(193, 154, 91, 0.22) !important;
}

/* ============================================================================
   v0.44 — HERO premium typography + BUILD-STAGES equal heights + gold timeline
   ============================================================================ */

/* HERO scandi-hero-rebuilt / -eyebrow / -headline / -price / -price-label / -price-value
   — DELETED 2026-05-26 per Phase 0 cleanup. Superseded by .scandi-hero--v4 / .scandi-hero__*
   namespace at end of file (the page-scoped /kak-my-rabotaem/ hero). Was ~73 lines. */

/* === BUILD-STAGES: одинаковая высота карточек, gold dotted между ними === */
@media (min-width: 992px) {
  html body section.build-stages .step-cards__row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }
  html body section.build-stages .step-cards__item,
  html body section.build-stages .step-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  html body section.build-stages .step-card__content,
  html body section.build-stages .step-card__body {
    flex: 1 1 auto !important;
  }
  /* Скрыть парент-arrows между карточками — заменим на свой premium connector */
  html body section.build-stages svg.arrow,
  html body section.build-stages [class*="arrow"]:not([class*="scroll"]),
  html body section.build-stages .step-cards__connector,
  html body section.build-stages [class*="connector"] {
    display: none !important;
  }
}

/* HOVER lift на cards */
html body section.build-stages .step-cards__item:hover,
html body section.build-stages .step-card:hover {
  border-color: rgba(193, 154, 91, 0.45) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1) !important;
}

/* ============================================================================
   v0.45 — HERO в стиле drawer-меню (Manrope cream, без uppercase, без gold gradient)
   ============================================================================ */

/* === BANNER HEIGHT — умеренная высота, без flex-центрирования === */
/* ВАЖНО: не использовать flex/align-items на .top-block — это вертикально центрирует
   caption в баннере, и при увеличении высоты карточка уезжает вниз. Caption
   позиционируется парент-CSS'ом сверху в потоке — это и нужно сохранить. */
html body section.top-block,
html body .top-block {
  min-height: 75vh !important;
  max-height: 820px !important;
  position: relative !important;
}

/* WIDE editorial card — единая визуальная система с trust-карточками
   margin-top опускает card ниже от верха баннера для дыхания */
html body .top-block .caption,
html body div.top-block .caption {
  background: rgba(20, 14, 10, 0.55) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.32) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 10px !important;
  padding: 44px 48px 28px !important;
  max-width: 720px !important;
  width: fit-content !important;
  margin-top: 140px !important;
  margin-left: auto !important;
  margin-right: -32px !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.50),
    0 6px 18px rgba(0, 0, 0, 0.30),
    0 1px 0 rgba(255, 230, 180, 0.10) inset !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease !important;
}

/* Top gold accent — тот же что у trust-карточек */
html body .top-block .caption::before {
  content: '' !important;
  position: absolute !important;
  top: -2px !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  box-shadow: 0 0 14px rgba(193, 154, 91, 0.55) !important;
  z-index: 3 !important;
  pointer-events: none !important;
  display: block !important;
  width: auto !important;
  bottom: auto !important;
  font: inherit !important;
  margin: 0 !important;
}
html body .top-block .caption:hover {
  background: rgba(18, 14, 11, 0.72) !important;
  border-color: rgba(193, 154, 91, 0.45) !important;
  box-shadow: 0 32px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(193, 154, 91, 0.2) !important;
  transform: translateY(-2px) !important;
}
/* OBSOLETE rules — заменены на новый ::before с top gold bar выше в файле */
@media (max-width: 991px) {
  html body .top-block .caption,
  html body div.top-block .caption {
    margin-right: 12px !important;
    padding: 36px 32px !important;
  }
}

@media (max-width: 991px) {
  html body .top-block .caption,
  html body div.top-block .caption {
    margin-right: 16px !important;
    max-width: calc(100vw - 32px) !important;
  }
}

@media (max-width: 991px) {
  html body .top-block .caption,
  html body div.top-block .caption {
    padding: 36px 28px !important;
    margin: 0 16px !important;
    max-width: calc(100vw - 32px) !important;
  }
}

/* Title block — simple flex stack */
html body .top-block .caption .title,
html body .top-block h1.title,
html body div.top-block .caption h1.title {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  text-shadow: none !important;
}

/* Each .title-in line — Manrope как в drawer-menu */
html body .top-block .title-in,
html body div.top-block .caption .title-in {
  display: block !important;
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 6px !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: none !important;
  position: static !important;
}

/* TEXT — editorial premium на широкой карте, ровный ритм между строками */
html body .top-block .title-in,
html body div.top-block .caption .title-in {
  white-space: nowrap !important;
  overflow: visible !important;
  display: block !important;
  margin: 0 0 14px !important;
}
html body .top-block .title-in:nth-child(3),
html body div.top-block .caption .title-in:nth-child(3) {
  margin-bottom: 0 !important;
}
html body .top-block .title-in span,
html body .top-block .title-in > span,
html body div.top-block .caption .title-in span {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(17px, 1.9vw, 26px) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  color: #f3ecdc !important;
  text-transform: none !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #f3ecdc !important;
  text-shadow: none !important;
  font-style: normal !important;
  display: inline !important;
  white-space: nowrap !important;
}

/* Acent (i-tag) — gold solid, не gradient, не italic */
html body .top-block .title-in span i,
html body .top-block .title-in > span i,
html body div.top-block .caption .title-in span i {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(17px, 1.9vw, 26px) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #c19a5b !important;
  background: transparent !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #c19a5b !important;
  text-shadow: none !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

/* PRICE BLOCK — flex row: декоративный gold hairline слева + цена справа */
html body .top-block .title-in:last-child,
html body div.top-block .caption .title-in:last-child {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(193, 154, 91, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  white-space: nowrap !important;
  width: 100% !important;
}

/* Декоративный элемент: тонкая золотая хайрлайн с маленьким ромбиком в начале —
   как в классической menu-typography (Cartier / Hermès / fine-dining меню),
   заполняет пустое пространство без единого слова */
html body .top-block .title-in:last-child::before,
html body div.top-block .caption .title-in:last-child::before {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background:
    radial-gradient(circle at 0 50%, #c19a5b 2.5px, transparent 3px) 0 50% / 100% 6px no-repeat,
    linear-gradient(90deg, transparent 0, transparent 14px, rgba(193, 154, 91, 0.45) 14px, rgba(193, 154, 91, 0.45) 100%) !important;
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  position: relative !important;
  min-width: 60px !important;
  align-self: center !important;
}

html body .scandi-price-eyebrow,
html body .scandi-price-suffix,
html body .scandi-price-eyebrow-left {
  display: none !important;
}

/* "под ключ" — мелкая суффикс-приписка после ₽ */
html body .scandi-price-display em {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(10px, 1vw, 13px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #a89c8a !important;
  -webkit-text-fill-color: #a89c8a !important;
  margin-left: 10px !important;
  vertical-align: middle !important;
}

html body .scandi-price-display {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(20px, 2.4vw, 30px) !important;
  font-weight: 500 !important;
  font-style: italic !important;
  line-height: 1.1 !important;
  letter-spacing: -0.005em !important;
  color: #f3ecdc !important;
  display: inline-block !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
html body .scandi-price-display i {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  background: transparent !important;
  letter-spacing: -0.01em !important;
  font-size: clamp(20px, 2.4vw, 30px) !important;
}

@media (max-width: 991px) {
  html body .scandi-price-display,
  html body .scandi-price-display i {
    font-size: clamp(22px, 5.5vw, 32px) !important;
  }
  html body .top-block .caption,
  html body div.top-block .caption {
    margin-right: 12px !important;
    padding: 32px 26px !important;
  }
}

@media (max-width: 991px) {
  html body .top-block .caption,
  html body div.top-block .caption {
    margin: 0 20px !important;
    padding: 28px 24px !important;
    max-width: calc(100vw - 40px) !important;
  }
}

/* === Hero container — match other blocks (1200px max + 24px padding) === */
html body .top-block .container,
html body .top-block > .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
}
html body .top-block .container .in {
  width: 100% !important;
}

/* === v0.54 — HERO TEXT INTERACTIVITY === */

/* Каждая строка title — relative для underline pseudo */
html body .top-block .title-in {
  position: relative !important;
  cursor: default !important;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1), letter-spacing 0.4s ease !important;
}

/* Gold underline grows on hover under each line */
html body .top-block .title-in::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -4px !important;
  height: 1px !important;
  width: 0 !important;
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
  transition: width 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important;
  pointer-events: none !important;
}
html body .top-block .title-in:hover::after {
  width: 80% !important;
}
html body .top-block .title-in:hover {
  transform: translateX(4px) !important;
}

/* Last (price) — без underline и translate, только color shift */
html body .top-block .title-in:last-child::after {
  display: none !important;
}
html body .top-block .title-in:last-child:hover {
  transform: none !important;
}

/* Gold accent (i) — shimmer on hover */
@keyframes scandi-gold-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

html body .top-block .title-in:hover span i,
html body .top-block .title-in span:hover i {
  background: linear-gradient(90deg,
    #c19a5b 0%,
    #c19a5b 30%,
    #ffe5b8 50%,
    #c19a5b 70%,
    #c19a5b 100%
  ) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: scandi-gold-shimmer 1.4s ease-in-out !important;
}

/* Price line — slight scale + brighten on hover */
html body .top-block .title-in:last-child .scandi-price-display {
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1), color 0.4s ease !important;
  transform-origin: right center !important;
  display: inline-block !important;
}
html body .top-block .title-in:last-child:hover .scandi-price-display {
  transform: scale(1.04) !important;
}
html body .top-block .title-in:last-child:hover .scandi-price-display i {
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
}

/* Card-wide cursor parallax — subtle gold glow that follows cursor (simple radial) */
html body .top-block .caption::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: radial-gradient(
    600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(193, 154, 91, 0.10),
    transparent 40%
  ) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html body .top-block .caption:hover::after {
  opacity: 1 !important;
}
html body .top-block .caption > * {
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================================================
   v0.55 — TRUST CARDS premium polish (PNG-медальоны finally hidden + hover FX)
   ============================================================================ */

/* Force-hide PNG-медальоны парента (они возвращались несмотря на display:none) */
html body .adv-glass .adv-card__top img,
html body .adv-glass__grid .adv-card__top img,
html body .adv-card .adv-card__top img,
html body .adv-card__top img,
html body .adv-card img:not(.adv-card__icon-svg) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Card — translucent glass, «закреплено» на баннер: gold top accent + сильная тень */
html body .adv-glass__grid .adv-card__inner {
  background: rgba(20, 14, 10, 0.62) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.32) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 10px !important;
  padding: 32px 30px 34px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.50),
    0 6px 18px rgba(0, 0, 0, 0.30),
    0 1px 0 rgba(255, 230, 180, 0.10) inset !important;
  transition: border-color 0.4s cubic-bezier(0.65,0,0.35,1),
              transform 0.4s cubic-bezier(0.65,0,0.35,1),
              box-shadow 0.4s cubic-bezier(0.65,0,0.35,1),
              background 0.4s ease !important;
}

/* Top gold accent — more prominent (вместо тонкой линии) */
html body .adv-glass__grid .adv-card__inner::before {
  content: '' !important;
  position: absolute !important;
  top: -2px !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  box-shadow: 0 0 14px rgba(193, 154, 91, 0.55) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

/* Gold top accent rule — separate ::before */
html body .adv-glass__grid .adv-card__inner::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #c19a5b 0%, rgba(193, 154, 91, 0.0) 100%) !important;
  transition: background 0.4s ease !important;
}

/* HOVER — full gold rule + subtle gold background sweep + lift */
html body .adv-glass__grid .adv-card:hover .adv-card__inner {
  border-color: rgba(193, 154, 91, 0.5) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(193,154,91,0.15) !important;
  background: #1f1812 !important;
}
html body .adv-glass__grid .adv-card:hover .adv-card__inner::before {
  background: linear-gradient(90deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
}

/* Cursor-tracking glow на каждой карточке */
html body .adv-glass__grid .adv-card__inner::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(
    400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(193, 154, 91, 0.10),
    transparent 50%
  ) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
}
html body .adv-glass__grid .adv-card:hover .adv-card__inner::after {
  opacity: 1 !important;
}
html body .adv-glass__grid .adv-card__inner > * {
  position: relative !important;
  z-index: 1 !important;
}

/* WATERMARK number — bigger Manrope */
html body .adv-glass__grid .adv-card__watermark {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
}
html body .adv-glass__grid .adv-card__watermark-num {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 60px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #f3ecdc !important;
  letter-spacing: -0.04em !important;
  background: none !important;
  -webkit-text-fill-color: #f3ecdc !important;
  text-shadow: none !important;
  transition: color 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1) !important;
  display: inline-block !important;
}
html body .adv-glass__grid .adv-card:hover .adv-card__watermark-num {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  transform: scale(1.06) !important;
}
html body .adv-glass__grid .adv-card__watermark-unit {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #c19a5b !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* TITLE: smaller, sentence case-style */
html body .adv-glass__grid .adv-card__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #f3ecdc !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
}

/* DESC */
html body .adv-glass__grid .adv-card__desc {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #a89c8a !important;
  margin: 0 !important;
}

/* Mobile carousel — current parent slick — improve dots */
html body .adv-glass .slick-dots li button:before,
html body .adv-glass [class*="dot"] {
  color: rgba(193, 154, 91, 0.3) !important;
}
html body .adv-glass .slick-dots li.slick-active button:before {
  color: #c19a5b !important;
}

/* === v0.57 — TRUST CARD compact: flatten .adv-card__top (was 170px) === */
html body section.adv-glass .adv-glass__grid .adv-card__top,
html body .adv-glass__grid .adv-card__top {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: none !important;
  border: none !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  position: relative !important;
}

/* Watermark: parent had position:absolute (vertical-centered in 170px box). Make static. */
html body section.adv-glass .adv-glass__grid .adv-card__watermark,
html body .adv-glass__grid .adv-card__watermark {
  position: static !important;
  transform: none !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

/* Icon — pin to TOP-RIGHT corner (как у парента: PNG-медальон стоял справа сверху).
   Watermark "50 ЛЕТ" остаётся на верху слева, заголовок и desc не сдвигаются. */
/* Иконки временно скрыты по запросу */
html body .adv-glass__grid .scandi-trust-icon-wrap,
html body .adv-glass__grid .scandi-trust-icon {
  display: none !important;
}
html body .adv-glass__grid .scandi-trust-icon {
  width: 78px !important;
  height: 78px !important;
  display: block !important;
  filter: drop-shadow(0 6px 18px rgba(193, 154, 91, 0.28)) !important;
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1), filter 0.5s ease !important;
}
html body .adv-glass__grid .adv-card:hover .scandi-trust-icon {
  transform: translateY(-3px) scale(1.08) rotate(-2deg) !important;
  filter: drop-shadow(0 8px 18px rgba(193, 154, 91, 0.35)) !important;
}

/* Stroke-draw subtle animation on hover */
html body .adv-glass__grid .scandi-trust-icon path,
html body .adv-glass__grid .scandi-trust-icon rect,
html body .adv-glass__grid .scandi-trust-icon line {
  transition: stroke 0.5s ease !important;
}
html body .adv-glass__grid .adv-card:hover .scandi-trust-icon path,
html body .adv-glass__grid .adv-card:hover .scandi-trust-icon rect {
  stroke-width: 1.8 !important;
}

/* ============================================================
   v0.64 — GLASS HEADER + DAY/NIGHT THEME TOGGLE
   Меню-бар получает то же стекло+золото что и карточки.
   Sun/moon кнопка переключает баннер и палитру.
   ============================================================ */

/* GLASS HEADER — match trust-card material exactly (warm-dark + subtle glass).
   Высокая opacity чтобы яркое небо за header не размывало палитру. */
html body.scandi-theme-night header#header,
html body.scandi-theme-night #header,
html body header#header,
html body #header {
  background: rgba(26, 20, 16, 0.92) !important;
  background-color: rgba(26, 20, 16, 0.92) !important;
  background-image: none !important;
  backdrop-filter: blur(20px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.25) !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.32) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.40), 0 1px 0 rgba(193, 154, 91, 0.45) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

/* Header text/links — cream (НЕ трогаем .city-btn — у него своя active/inactive логика) */
html body.scandi-theme-night #header .b-title,
html body.scandi-theme-night #header a:not(.city-btn),
html body.scandi-theme-night #header .right .top a {
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
}

/* CITY WRAPPER — nuke any gold-gradient bg from parent theme.
   Парент рисует gold pill ВОКРУГ обеих кнопок — отсюда «обе золотые». */
html body #header .city-buttons,
html body.scandi-theme-day #header .city-buttons,
html body.scandi-theme-night #header .city-buttons {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* CITY PILLS — INACTIVE: PLAIN TEXT, COOL NEUTRAL grey (НЕ warm).
   Тёплые тона на тёплом header читаются как «бледное золото» — поэтому cool.
   Высокая специфичность + явный сброс webkit-text-fill-color на ВСЕ вложенные
   span'ы — некоторые правила парент-темы целят `.city-btn span` напрямую. */
html body.scandi-theme-night #header .city-btn:not(.active),
html body.scandi-theme-day #header .city-btn:not(.active),
html body #header .city-btn:not(.active) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #b8b8b8 !important;
  -webkit-text-fill-color: #b8b8b8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
  opacity: 0.55 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body #header .city-btn:not(.active) > *,
html body #header .city-btn:not(.active) span,
html body #header .city-btn:not(.active) .city-btn-full,
html body #header .city-btn:not(.active) .city-btn-short {
  color: #b8b8b8 !important;
  -webkit-text-fill-color: #b8b8b8 !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}
html body #header .city-btn:not(.active):hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html body #header .city-btn:not(.active):hover > *,
html body #header .city-btn:not(.active):hover span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* ACTIVE — solid gold pill, dark text */
html body #header .city-btn.active {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  background-image: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  box-shadow: 0 2px 8px rgba(193, 154, 91, 0.45) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* Phones — gold (видимо и на dark и на light) */
html body #header .phones a,
html body #header [class*="phone"] {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
}

/* Заказать звонок / Вход для клиентов кнопки — gold gradient вместо плоского golden */
html body #header .btn,
html body #header [class*="button"]:not(.scandi-burger):not(.scandi-theme-toggle) {
  background: linear-gradient(135deg, #c19a5b, #a67c3a) !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  border: 0 !important;
  border-radius: 6px !important;
}

/* Burger — белые палочки на стекле */
html body .scandi-burger span {
  background: #f3ecdc !important;
}

/* THEME TOGGLE BUTTON — minimal icon button */
html body .scandi-theme-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
  margin-left: 14px !important;
  margin-right: 4px !important;
  padding: 0 !important;
  background: rgba(193, 154, 91, 0.10) !important;
  border: 1px solid rgba(193, 154, 91, 0.32) !important;
  border-radius: 50% !important;
  color: #d4ad6e !important;
  cursor: pointer !important;
  transition: background 0.4s ease, transform 0.5s cubic-bezier(0.34, 1.4, 0.64, 1), border-color 0.4s ease !important;
  position: relative !important;
  z-index: 5 !important;
  vertical-align: middle !important;
}
html body .scandi-theme-toggle:hover {
  background: rgba(193, 154, 91, 0.22) !important;
  border-color: rgba(193, 154, 91, 0.55) !important;
  transform: scale(1.08) rotate(15deg) !important;
}
html body .scandi-theme-toggle:active {
  transform: scale(0.95) !important;
}
html body .scandi-theme-toggle svg {
  width: 20px !important;
  height: 20px !important;
  color: inherit !important;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) !important;
}

/* ============================================================
   DAY THEME — light glass: hero card, trust cards, header, header text
   Активируется через body.scandi-theme-day (default = night)
   ============================================================ */

html body.scandi-theme-day #header,
html body.scandi-theme-day header#header {
  background: rgba(248, 244, 236, 0.72) !important;
  background-color: rgba(248, 244, 236, 0.72) !important;
  background-image: none !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.32) !important;
  box-shadow: 0 2px 20px rgba(20, 16, 13, 0.10), 0 1px 0 rgba(166, 124, 58, 0.45) !important;
}
/* DAY THEME — header text dark (читается на light glass) */
html body.scandi-theme-day #header .b-title,
html body.scandi-theme-day #header a:not(.city-btn),
html body.scandi-theme-day #header .right .top a,
html body.scandi-theme-day #header .right a,
html body.scandi-theme-day #header span:not(.city-btn-full):not(.city-btn-short) {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
/* CITY PILLS — INACTIVE (day): plain text, COOL neutral grey */
html body.scandi-theme-day #header .city-btn:not(.active) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #6b6b6b !important;
  -webkit-text-fill-color: #6b6b6b !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body.scandi-theme-day #header .city-btn:not(.active):hover {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  opacity: 1 !important;
}
/* Phones day — bronze readable */
html body.scandi-theme-day #header .phones a,
html body.scandi-theme-day #header [class*="phone"] {
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
}
body.scandi-theme-day .scandi-burger span {
  background: #1a1410 !important;
}
/* "Меню" label is .scandi-burger::after — needs dark color in day theme */
html body.scandi-theme-day .scandi-burger::after {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
body.scandi-theme-day .scandi-theme-toggle {
  background: rgba(166, 124, 58, 0.10) !important;
  border-color: rgba(166, 124, 58, 0.45) !important;
  color: #8d6627 !important;
}
/* "под ключ" suffix — dark in day theme */
html body.scandi-theme-day .scandi-price-display em {
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
}
/* МЕНЮ link text in day theme — dark */
html body.scandi-theme-day .scandi-burger + .b-title,
html body.scandi-theme-day #header .menu-toggle,
html body.scandi-theme-day #header [class*="menu"] {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}

/* Hero card — light glass on day */
body.scandi-theme-day .top-block .caption,
body.scandi-theme-day div.top-block .caption {
  background: rgba(248, 244, 236, 0.62) !important;
  border: 1px solid rgba(166, 124, 58, 0.32) !important;
  border-top: 2px solid #a67c3a !important;
  box-shadow:
    0 28px 70px rgba(20, 16, 13, 0.20),
    0 6px 18px rgba(20, 16, 13, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.50) inset !important;
}
body.scandi-theme-day .top-block .caption::before {
  background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 50%, #8d6627 100%) !important;
  box-shadow: 0 0 14px rgba(166, 124, 58, 0.55) !important;
}
body.scandi-theme-day .top-block .title-in span,
body.scandi-theme-day div.top-block .caption .title-in span {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
body.scandi-theme-day .top-block .title-in span i,
body.scandi-theme-day div.top-block .caption .title-in span i {
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
}
body.scandi-theme-day .scandi-price-display {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
body.scandi-theme-day .scandi-price-display i {
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
}

/* Trust cards — light glass on day */
body.scandi-theme-day .adv-glass__grid .adv-card__inner {
  background: rgba(248, 244, 236, 0.62) !important;
  border: 1px solid rgba(166, 124, 58, 0.32) !important;
  border-top: 2px solid #a67c3a !important;
  box-shadow:
    0 28px 70px rgba(20, 16, 13, 0.18),
    0 6px 18px rgba(20, 16, 13, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.50) inset !important;
}
body.scandi-theme-day .adv-glass__grid .adv-card__inner::before {
  background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 50%, #8d6627 100%) !important;
  box-shadow: 0 0 14px rgba(166, 124, 58, 0.55) !important;
}
body.scandi-theme-day .adv-glass__grid .adv-card__watermark-num {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
body.scandi-theme-day .adv-glass__grid .adv-card__watermark-unit {
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
}
body.scandi-theme-day .adv-glass__grid .adv-card__title {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
body.scandi-theme-day .adv-glass__grid .adv-card__desc {
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
}

/* Smooth crossfade when banner img src changes */
html body .top-block__desktop {
  transition: filter 0.8s ease, opacity 0.6s ease !important;
}

/* DAY THEME — same image, soft brightening filter (no hue-rotate — даёт розовый артефакт).
   Композиция 100% идентична night (тот же файл).
   Эффект: «утренний туман / overcast daylight» без цветовых артефактов. */
html body.scandi-theme-day .top-block__desktop {
  filter: brightness(1.45) contrast(0.85) saturate(0.65) !important;
}
html body.scandi-theme-night .top-block__desktop {
  filter: none !important;
}

/* ============================================================
   v0.68 — TOP PROJECTS BLOCK: glass form + premium catalog cards
   #cbform-get-catalog (форма «Выберите категорию домов»)
   RESTORED 2026-05-21 (был ошибочно удалён, child-override откатил)
   ============================================================ */

html body #cbform-get-catalog,
html body #cbform-catalog,
html body div#cbform-get-catalog,
html body div#cbform-catalog {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
    linear-gradient(180deg, #ede2c8 0%, #e3d4b1 50%, #d4c194 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 80px 0 60px !important;
  position: relative !important;
  overflow: visible !important;
  margin: 0 !important;
}

html body #cbform-get-catalog .container,
html body #cbform-catalog .container {
  max-width: 1100px !important;
  padding: 0 24px !important;
}

/* .in — flex column: title row сверху, image+form row снизу */
html body #cbform-get-catalog .in,
html body #cbform-catalog .in {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  position: relative !important;
}
@media (max-width: 991px) {
  html body #cbform-get-catalog .in,
  html body #cbform-catalog .in {
    gap: 24px !important;
  }
}

/* LEFT (title) — full width сверху, indented как в скриншоте */
html body #cbform-get-catalog .in .left,
html body #cbform-catalog .in .left {
  width: 100% !important;
  padding: 0 0 0 140px !important;     /* левый indent как в reference */
  margin: 0 !important;
  text-align: left !important;
}
@media (max-width: 991px) {
  html body #cbform-get-catalog .in .left,
  html body #cbform-catalog .in .left {
    padding: 0 !important;
  }
}

/* RIGHT — relative parent для absolute form поверх image */
html body #cbform-get-catalog .in .right,
html body #cbform-catalog .in .right {
  position: relative !important;
  width: 100% !important;
  min-height: 540px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body div#cbform-get-catalog .left .b-title,
html body div#cbform-catalog .left .b-title,
html body div#cbform-get-catalog .left .b-title.light,
html body div#cbform-catalog .left .b-title.light,
html body #cbform-get-catalog .left .b-title,
html body #cbform-catalog .left .b-title,
html body #cbform-get-catalog .left .b-title.light,
html body #cbform-catalog .left .b-title.light {
  font-family: 'Cormorant Garamond', 'Manrope', serif !important;
  font-size: clamp(32px, 3.8vw, 46px) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  text-transform: none !important;
  margin: 0 !important;
  text-align: left !important;
  background: none !important;
  text-shadow: none !important;
  max-width: 720px !important;
}
html body div#cbform-get-catalog .left .b-title b,
html body div#cbform-catalog .left .b-title b,
html body div#cbform-get-catalog .left .b-title *:not(i),
html body div#cbform-catalog .left .b-title *:not(i),
html body #cbform-get-catalog .left .b-title b,
html body #cbform-catalog .left .b-title b {
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  font-weight: 500 !important;
  background: none !important;
}
html body div#cbform-get-catalog .left .b-title i,
html body div#cbform-catalog .left .b-title i,
html body #cbform-get-catalog .left .b-title i,
html body #cbform-catalog .left .b-title i {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  display: inline !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body #cbform-get-catalog .left .image,
html body #cbform-catalog .left .image,
html body #cbform-get-catalog .image,
html body #cbform-catalog .image {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body #cbform-get-catalog .image img,
html body #cbform-catalog .image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  border-radius: 0 !important;
  background: transparent !important;
  mix-blend-mode: multiply !important;
  filter:
    drop-shadow(0 20px 40px rgba(80, 56, 30, 0.22))
    drop-shadow(0 8px 16px rgba(80, 56, 30, 0.14))
    drop-shadow(0 2px 4px rgba(80, 56, 30, 0.08))
    contrast(1.06) saturate(1.08) !important;
  transition: filter 0.4s ease, transform 0.4s ease !important;
}
html body #cbform-get-catalog .image:hover img,
html body #cbform-catalog .image:hover img {
  filter:
    drop-shadow(0 28px 50px rgba(80, 56, 30, 0.28))
    drop-shadow(0 12px 24px rgba(80, 56, 30, 0.18))
    drop-shadow(0 4px 8px rgba(80, 56, 30, 0.10))
    contrast(1.06) saturate(1.10) !important;
  transform: translateY(-3px) !important;
}

/* RIGHT — form glass card (белая на cream + gold border + gold-top) */
html body #cbform-get-catalog .in .right,
html body #cbform-catalog .in .right {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

/* Form — refined premium: paper-grain texture, hairline border, gold seal */
html body #cbform-get-catalog form.cbf,
html body #cbform-catalog form.cbf,
html body #cbform-get-catalog .form-style,
html body #cbform-catalog .form-style {
  position: absolute !important;
  top: 30px !important;
  right: -20px !important;
  width: 38% !important;
  max-width: 420px !important;
  background:
    /* subtle paper-grain texture */
    radial-gradient(circle at 20% 20%, rgba(212, 173, 110, 0.03) 1px, transparent 2px),
    radial-gradient(circle at 100% 0%, rgba(212, 173, 110, 0.10), transparent 50%),
    linear-gradient(135deg, #ffffff 0%, #fdfaf2 100%) !important;
  background-size: 18px 18px, auto, auto !important;
  border: 1px solid rgba(166, 124, 58, 0.32) !important;
  border-top: 1px solid rgba(166, 124, 58, 0.32) !important;
  border-radius: 18px !important;
  padding: 32px 28px 28px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 235, 0.80),
    0 0 0 1px rgba(193, 154, 91, 0.10),
    0 40px 80px rgba(80, 56, 30, 0.24),
    0 16px 36px rgba(80, 56, 30, 0.16),
    0 6px 12px rgba(80, 56, 30, 0.08) !important;
  z-index: 5 !important;
  overflow: visible !important;
  isolation: isolate !important;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease !important;
}
/* Elegant gold paperclip — двухслойный SVG: shadow stroke (dark, offset) + main
   stroke (gold gradient). Continuous-wire shape (классическая 2-loop геометрия).
   Размещён близко к левому краю формы — будто реально прицеплен. */
html body #cbform-get-catalog form.cbf::before,
html body #cbform-catalog form.cbf::before,
html body #cbform-get-catalog .form-style::before,
html body #cbform-catalog .form-style::before {
  content: '' !important;
  position: absolute !important;
  top: -36px !important;
  left: 14px !important;
  width: 26px !important;
  height: 72px !important;
  background-image: 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>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transform: rotate(-8deg) !important;
  filter:
    drop-shadow(2px 4px 3px rgba(80, 56, 30, 0.25))
    drop-shadow(0 1px 1px rgba(80, 56, 30, 0.15)) !important;
  z-index: 6 !important;
  pointer-events: none !important;
}
html body #cbform-get-catalog form.cbf:hover,
html body #cbform-catalog form.cbf:hover,
html body #cbform-get-catalog .form-style:hover,
html body #cbform-catalog .form-style:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 0 0 1px rgba(193, 154, 91, 0.22),
    0 50px 100px rgba(80, 56, 30, 0.30),
    0 20px 44px rgba(80, 56, 30, 0.22),
    0 8px 16px rgba(80, 56, 30, 0.12) !important;
}
/* Gold-glow line под border-top — двойной эффект premium */
html body #cbform-get-catalog form.cbf::after,
html body #cbform-catalog form.cbf::after,
html body #cbform-get-catalog .form-style::after,
html body #cbform-catalog .form-style::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 12% !important;
  right: 12% !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 230, 180, 0.8) 50%, transparent) !important;
  filter: blur(3px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
@media (max-width: 991px) {
  html body #cbform-get-catalog form.cbf,
  html body #cbform-catalog form.cbf,
  html body #cbform-get-catalog .form-style,
  html body #cbform-catalog .form-style {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 24px !important;
  }
}

/* Image — заполняет .right полностью (1100 wide container) */
html body #cbform-get-catalog .image,
html body #cbform-catalog .image {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
  display: block !important;
}
html body #cbform-get-catalog .image img,
html body #cbform-catalog .image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}

/* Text "Выберите дом..." центр */
html body #cbform-get-catalog .text,
html body #cbform-catalog .text {
  text-align: center !important;
  margin: 24px 0 0 !important;
}

/* Eyebrow pill сверху form-title (CSS-generated через ::before на .form-title) */
html body #cbform-get-catalog .form-title::before,
html body #cbform-catalog .form-title::before {
  content: 'Бесплатно · 1 минута' !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  margin-bottom: 12px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  background: rgba(212, 173, 110, 0.12) !important;
  border: 1px solid rgba(166, 124, 58, 0.38) !important;
  border-radius: 999px !important;
}
html body #cbform-get-catalog .form-title,
html body #cbform-catalog .form-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  text-transform: none !important;
}

html body #cbform-get-catalog .form-subtitle,
html body #cbform-catalog .form-subtitle {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  padding-bottom: 18px !important;
  position: relative !important;
}
/* Hairline divider под subtitle — изящная golden hr */
html body #cbform-get-catalog .form-subtitle::after,
html body #cbform-catalog .form-subtitle::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 30% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(166, 124, 58, 0.45), rgba(166, 124, 58, 0.10) 60%, transparent) !important;
}
html body #cbform-get-catalog .form-subtitle b,
html body #cbform-catalog .form-subtitle b {
  font-weight: 700 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
}

html body #cbform-get-catalog .f-item,
html body #cbform-catalog .f-item {
  margin-bottom: 10px !important;
  position: relative !important;
}

html body #cbform-get-catalog input,
html body #cbform-catalog input,
html body #cbform-get-catalog select,
html body #cbform-catalog select,
html body #cbform-get-catalog .select2-selection,
html body #cbform-catalog .select2-selection,
html body #cbform-get-catalog .styled-select,
html body #cbform-catalog .styled-select {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.85) !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  border: 1px solid rgba(166, 124, 58, 0.32) !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  height: auto !important;
  min-height: 44px !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}
/* Custom gold arrow на budget select */
html body #cbform-get-catalog select.styled-select,
html body #cbform-catalog select.styled-select,
html body #cbform-get-catalog select[name="price-cat"],
html body #cbform-catalog select[name="price-cat"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23a67c3a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  padding-right: 40px !important;
  cursor: pointer !important;
}

html body #cbform-get-catalog input::placeholder,
html body #cbform-catalog input::placeholder {
  color: rgba(95, 75, 50, 0.45) !important;
  -webkit-text-fill-color: rgba(95, 75, 50, 0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}
/* Hide built-in svg icons на inputs — выглядят грубо в premium card */
html body #cbform-get-catalog .input-wrapper svg,
html body #cbform-catalog .input-wrapper svg {
  display: none !important;
}

html body #cbform-get-catalog input:focus,
html body #cbform-catalog input:focus,
html body #cbform-get-catalog .select2-container--focus .select2-selection,
html body #cbform-catalog .select2-container--focus .select2-selection,
html body #cbform-get-catalog .select2-selection:focus,
html body #cbform-catalog .select2-selection:focus {
  border-color: #a67c3a !important;
  background-color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 0 0 3px rgba(166, 124, 58, 0.16) !important;
}

html body #cbform-get-catalog .select2-selection__rendered,
html body #cbform-catalog .select2-selection__rendered {
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  line-height: 24px !important;
  padding: 0 !important;
}
html body #cbform-get-catalog .select2-selection__arrow b,
html body #cbform-catalog .select2-selection__arrow b {
  border-color: #a67c3a transparent transparent !important;
}

/* CTA — refined: lighter weight, wider tracking, subtle inner highlight, arrow */
html body #cbform-get-catalog button[type="submit"],
html body #cbform-catalog button[type="submit"],
html body #cbform-get-catalog .form-submit,
html body #cbform-catalog .form-submit,
html body #cbform-get-catalog .btn-submit,
html body #cbform-catalog .btn-submit {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 6px 22px !important;
  min-height: 36px !important;
  margin-top: 6px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, transparent 40%),
    linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #b08846 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border: 1px solid rgba(166, 124, 58, 0.40) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 200, 0.45),
    inset 0 -1px 0 rgba(80, 56, 30, 0.18),
    0 8px 22px rgba(166, 124, 58, 0.28),
    0 2px 6px rgba(80, 56, 30, 0.12) !important;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease, letter-spacing 0.4s ease !important;
  overflow: hidden !important;
}
/* Arrow → после текста кнопки */
html body #cbform-get-catalog button[type="submit"]::after,
html body #cbform-catalog button[type="submit"]::after,
html body #cbform-get-catalog .form-submit::after,
html body #cbform-catalog .form-submit::after {
  content: '→' !important;
  display: inline-block !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  transform: translateX(0) !important;
  transition: transform 0.4s ease !important;
}
html body #cbform-get-catalog button[type="submit"]:hover::after,
html body #cbform-catalog button[type="submit"]:hover::after,
html body #cbform-get-catalog .form-submit:hover::after,
html body #cbform-catalog .form-submit:hover::after {
  transform: translateX(4px) !important;
}
html body #cbform-get-catalog button[type="submit"]:hover,
html body #cbform-catalog button[type="submit"]:hover,
html body #cbform-get-catalog .form-submit:hover,
html body #cbform-catalog .form-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(193, 154, 91, 0.50) !important;
  filter: brightness(1.05) !important;
}

html body #cbform-get-catalog .privacy-policy,
html body #cbform-catalog .privacy-policy,
html body #cbform-get-catalog [class*="privacy"],
html body #cbform-catalog [class*="privacy"] {
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(95, 75, 50, 0.60) !important;
  -webkit-text-fill-color: rgba(95, 75, 50, 0.60) !important;
  line-height: 1.45 !important;
  text-align: center !important;
  margin: 12px 0 0 !important;
}
html body #cbform-get-catalog [class*="privacy"] a,
html body #cbform-catalog [class*="privacy"] a {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(166, 124, 58, 0.45) !important;
}

/* Hide honeypot lastname field */
html body #cbform-get-catalog .item--important,
html body #cbform-catalog .item--important {
  display: none !important;
}

/* Bottom text "Выберите дом, который..." — premium italic + arrow ↓ */
html body #cbform-get-catalog .text,
html body #cbform-catalog .text {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 22px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: #6b5640 !important;
  -webkit-text-fill-color: #6b5640 !important;
  text-align: center !important;
  line-height: 1.35 !important;
  margin: 32px auto 0 !important;
  max-width: 580px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}
/* Ornament — gold diamond ◆ + vertical line под текстом (signature touch) */
html body #cbform-get-catalog .text::before,
html body #cbform-catalog .text::before {
  content: '◆' !important;
  display: block !important;
  font-size: 10px !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  letter-spacing: 0.5em !important;
  opacity: 0.7 !important;
  margin-bottom: -4px !important;
  order: -1 !important;
}
html body #cbform-get-catalog .text::after,
html body #cbform-catalog .text::after {
  content: '' !important;
  display: block !important;
  width: 1px !important;
  height: 56px !important;
  background: linear-gradient(180deg, rgba(166, 124, 58, 0.5), transparent) !important;
  margin-top: 6px !important;
}
/* Gold-accent на ключевых словах если в HTML есть <b> или <strong> */
html body #cbform-get-catalog .text b,
html body #cbform-catalog .text b,
html body #cbform-get-catalog .text strong,
html body #cbform-catalog .text strong {
  font-weight: 600 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* ============================================================
   #catalog — premium grid of project cards
   ============================================================ */

/* CATALOG GRID — продолжает gradient из cbform-get-catalog (no jump to white).
   margin-top негативный — поднимаем блок (overlap визуально с form-секцией). */
/* CATALOG SECTION — премиум cream gradient — начинается с цвета окончания cbform секции,
   плавно переходит в насыщенный warm sandstone. Никакого dark. */
html body #catalog,
html body div#catalog {
  background:
    /* dot-grid (заметнее, бронза точки) */
    radial-gradient(circle, rgba(125, 90, 44, 0.18) 1.2px, transparent 1.8px),
    /* мягкие gold halo акценты */
    radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 80% 60% at 80% 80%, rgba(166, 124, 58, 0.18) 0%, transparent 60%),
    /* базовый кремовый градиент */
    linear-gradient(180deg,
      #e3d8c2 0%,
      #ddd0b8 25%,
      #d4c5ad 55%,
      #c9b894 100%) !important;
  background-size: 24px 24px, auto, auto, auto !important;
  background-position: 0 0, 0 0, 0 0, 0 0 !important;
  background-color: #d4c5ad !important;
  padding: 100px 0 140px !important;
  margin-top: -40px !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* Декоративный SVG-слой: scandi горные пики + архитектурные планы (еле видны).
   Slot 1: горные силуэты по нижней части секции (как North-pattern reference). */
html body #catalog::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    /* Gold vignette */
    radial-gradient(ellipse 100% 80% at 50% 50%, transparent 60%, rgba(120, 90, 50, 0.10) 100%),
    /* Сканди горные пики SVG snippet, белые контуры на прозрачном — слабая прозрачность */
    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>") !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  background-size:
    auto,
    100% 50%,
    320px 320px !important;
  background-position:
    center,
    center 80%,
    0 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  opacity: 0.85 !important;
}

/* Декоративная gold линия и подзаголовок-eyebrow сверху каталога */
html body #catalog::after {
  content: '' !important;
  position: absolute !important;
  top: 40px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 320px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Catalog container above background */
html body #catalog .container,
html body #catalog .items {
  position: relative !important;
  z-index: 2 !important;
}

html body #catalog .image-bg {
  display: none !important;
}

/* CATALOG GRID — 3-в-ряд architectural editorial layout */
html body #catalog .items {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px 32px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
@media (max-width: 991px) {
  html body #catalog .items {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px 20px !important;
  }
}
@media (max-width: 600px) {
  html body #catalog .items {
    grid-template-columns: 1fr !important;
  }
}

/* Catalog item — LIGHT CREAM GLASS at rest → WARM-DARK GOLD on hover */
html body #catalog .catalog-item,
html body #catalog a.catalog-item {
  background:
    /* diagonal cream-to-warm gradient (glass sheen) */
    linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 50%, rgba(228, 215, 188, 0.82) 100%) !important;
  backdrop-filter: blur(28px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.4) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  position: relative !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  isolation: isolate !important;
  cursor: pointer !important;
  transition: all 0.6s cubic-bezier(0.65,0,0.35,1) !important;
  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) !important;
}

html body #catalog .catalog-item:hover,
html body #catalog a.catalog-item:hover {
  transform: translateY(-8px) scale(1.02) !important;
  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%) !important;
  border-color: rgba(212, 173, 110, 0.85) !important;
  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) !important;
  z-index: 10 !important;
}

/* Card-level radial spotlight — едва заметный gold halo при hover */
html body #catalog .catalog-item .image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 100%, rgba(212, 173, 110, 0) 0%, rgba(212, 173, 110, 0) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: background 0.5s ease !important;
}
html body #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%) !important;
}

/* Top gold accent — sweep gradient + glow expansion on hover */
html body #catalog .catalog-item::after,
html body #catalog a.catalog-item::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #c19a5b 0%, rgba(193, 154, 91, 0.3) 70%, transparent 100%) !important;
  z-index: 4 !important;
  opacity: 1 !important;
  transition: background 0.5s ease, box-shadow 0.5s ease, height 0.5s ease !important;
  pointer-events: none !important;
}
html body #catalog .catalog-item:hover::after {
  background: linear-gradient(90deg, #d4ad6e 0%, #f5d294 35%, #c19a5b 65%, #a67c3a 100%) !important;
  box-shadow: 0 0 14px rgba(212, 173, 110, 0.65), 0 2px 6px rgba(193, 154, 91, 0.45) !important;
  height: 3px !important;
}

/* Removed (заменено выше) */

/* Hide item-title (the first non-card item with description) — clean grid */
html body #catalog .catalog-item.item-title {
  display: none !important;
}

/* Image area — 5:4 (taller) ~2/3 высоты карточки.
   Fallback gradient pattern для карточек без hero (пока не загружено). */
html body #catalog .catalog-item .image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 5 / 4 !important;
  overflow: hidden !important;
  background:
    /* мягкая текстура «деревянных слоёв» как fallback */
    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%) !important;
  margin: 0 !important;
  filter: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  z-index: 0 !important;
  display: block !important;
}

/* Mark «no-image» state — large gold KD-code в центре fallback'а */
html body #catalog .catalog-item.no-hero .image::after,
html body #catalog .catalog-item .image.no-hero::after {
  content: attr(data-kd) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 0 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  color: rgba(212, 173, 110, 0.45) !important;
  text-transform: uppercase !important;
  text-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background: none !important;
}
html body #catalog .catalog-item .image::after {
  display: none !important;
}

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

/* Top-only subtle scrim для chip readability (desc теперь ниже, gradient внизу не нужен) */
html body #catalog .catalog-item .image::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  height: 80px !important;
  inset: 0 0 auto 0 !important;
  background: linear-gradient(180deg, rgba(20,16,13,0.28) 0%, transparent 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition: opacity 0.5s ease !important;
}

/* Area badge — солидный gold pill top-right (хорошо виден на фото) */
html body #catalog .catalog-item .card-area-badge {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  left: auto !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
  background-image: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  border: 1px solid rgba(255, 230, 180, 0.40) !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  box-shadow: 0 6px 18px rgba(166, 124, 58, 0.40), 0 2px 4px rgba(20, 16, 13, 0.20) !important;
  z-index: 4 !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}
html body #catalog .catalog-item:hover .card-area-badge {
  transform: scale(1.06) !important;
  box-shadow: 0 8px 24px rgba(166, 124, 58, 0.55), 0 2px 6px rgba(20, 16, 13, 0.25) !important;
}
html body #catalog .catalog-item .card-area-value {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
html body #catalog .catalog-item .card-area-unit {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font-size: 11px !important;
  margin-left: 2px !important;
  opacity: 0.7 !important;
}
html body #catalog .catalog-item .card-area-value,
html body #catalog .catalog-item .card-area-unit {
  display: inline !important;
  position: static !important;
}
html body #catalog .catalog-item .card-area-value {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
html body #catalog .catalog-item .card-area-unit {
  font-size: 11px !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  opacity: 0.85 !important;
}

/* HIDE intro item-title card (текстовое описание раздела вместо карточки) */
html body #catalog .catalog-item.item-title,
html body #catalog .item-title {
  display: none !important;
}

/* HIDE парент-категория бейджи (.lbls / .lbls-item / .lbl) — перекрывают КД-чип */
html body #catalog .catalog-item .lbls,
html body #catalog .catalog-item .lbls-item,
html body #catalog .catalog-item .lbl,
html body #catalog .catalog-item .label,
html body #catalog .catalog-item .label-set {
  display: none !important;
}

/* DESC — tight 1/3 area, transparent чтоб card-glass было видно сквозь */
html body #catalog .catalog-item .desc {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  padding: 14px 18px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2 !important;
  transition: background 0.4s ease, border-color 0.4s ease !important;
  border-top: 1px solid rgba(166, 124, 58, 0.22) !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: left !important;
}
html body #catalog .catalog-item:hover .desc {
  background: transparent !important;
  border-top-color: rgba(193, 154, 91, 0.55) !important;
}

/* Тонкая gold divider под title */
html body #catalog .catalog-item .desc .title {
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.22) !important;
  width: 100% !important;
  transition: border-bottom-color 0.4s ease !important;
}
html body #catalog .catalog-item:hover .desc .title {
  border-bottom-color: rgba(193, 154, 91, 0.45) !important;
}

/* TITLE — clean Manrope hierarchy: КД-1070 prominent + размер inline as accent */
html body #catalog .catalog-item .title,
html body #catalog .catalog-item .desc .title {
  position: static !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

/* КД-1070 — DARK Manrope bold на cream glass, GOLD на hover */
html body #catalog .catalog-item .title-code {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font-weight: 700 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 19px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  display: inline !important;
  line-height: 1.3 !important;
  transition: color 0.5s ease, letter-spacing 0.5s ease, text-shadow 0.5s ease !important;
}
html body #catalog .catalog-item:hover .title-code {
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
  letter-spacing: 0.10em !important;
  text-shadow: 0 0 20px rgba(212, 173, 110, 0.55) !important;
}

/* «13 × 14 м» — спрятано (JS переносит в info-row с иконкой) */
html body div#catalog .catalog-item .title .title-size,
html body div#catalog .catalog-item .title-size,
html body #catalog .catalog-item .title-size,
html body #catalog .title-size {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Hover: КД остаётся cream (трust-cards style) */
html body #catalog .catalog-item:hover .title-code {
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
}
html body #catalog .catalog-item .title-size {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  margin: 0 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  font-style: normal !important;
  display: inline !important;
  opacity: 1 !important;
}

/* INFO — COLUMN stack компактнее */
html body #catalog .catalog-item .info:not(.info-price) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
html body #catalog .catalog-item .info-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #574a39 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  position: relative !important;
  font-style: normal !important;
  width: 100% !important;
  transition: color 0.4s ease, transform 0.4s ease, letter-spacing 0.4s ease !important;
}
/* HOVER — info текст cream-gold */
html body #catalog .catalog-item:hover .info-item,
html body #catalog .catalog-item:hover .info-item span,
html body #catalog .catalog-item:hover .info-item .b-title {
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
}
/* Размер (первая info-item) — выделяется ярче gold */
html body #catalog .catalog-item:hover .info-item:first-child,
html body #catalog .catalog-item:hover .info-item:first-child span,
html body #catalog .catalog-item:hover .info-item:first-child .b-title {
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 12px rgba(212, 173, 110, 0.45) !important;
}
/* Убираем точки-разделители — column layout */
html body #catalog .catalog-item .info-item:not(:last-child)::after {
  display: none !important;
  content: none !important;
}
html body #catalog .catalog-item .info-item svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  fill: none !important;
  stroke: #8d6627 !important;
  color: #8d6627 !important;
  transition: stroke 0.4s ease, transform 0.4s ease !important;
}
html body #catalog .catalog-item:hover .info-item svg {
  stroke: #d4ad6e !important;
  color: #d4ad6e !important;
}
html body #catalog .catalog-item .info-item span,
html body #catalog .catalog-item .info-item .b-title {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: 14px !important;
  font-weight: inherit !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-style: normal !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  transition: color 0.4s ease !important;
}
/* Hover scale icons */
html body #catalog .catalog-item:hover .info-item svg {
  transform: scale(1.12) !important;
}

/* PRICE — DARK bold at rest, GOLD gradient + arrow на hover */
html body #catalog .catalog-item .info-price,
html body #catalog .catalog-item .info.info-price {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-style: normal !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  letter-spacing: -0.03em !important;
  margin: 4px 0 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid rgba(166, 124, 58, 0.22) !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-direction: row !important;
  background: none !important;
  line-height: 1 !important;
  transform-origin: left center !important;
  transition: transform 0.5s cubic-bezier(0.34, 1.4, 0.64, 1),
              color 0.4s ease,
              border-color 0.4s ease,
              text-shadow 0.4s ease !important;
}
html body #catalog .catalog-item:hover .info-price {
  transform: scale(1.04) !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  border-top-color: rgba(212, 173, 110, 0.55) !important;
  text-shadow: 0 0 30px rgba(212, 173, 110, 0.30) !important;
}
html body #catalog .catalog-item .info-price::before {
  content: 'ОТ' !important;
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  flex-shrink: 0 !important;
  margin-right: 6px !important;
  align-self: center !important;
  padding-bottom: 4px !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  transition: color 0.4s ease, letter-spacing 0.4s ease !important;
}
html body #catalog .catalog-item:hover .info-price::before {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  letter-spacing: 0.26em !important;
}

/* Стрелка убрана — у parent-темы есть свой hover-circle indicator */
html body #catalog .catalog-item .info-price::after,
html body #catalog a.catalog-item .info-price::after {
  display: none !important;
  content: none !important;
}

/* DAY THEME — adjust catalog form colors (already light bg, so flip to light glass) */
html body.scandi-theme-day #cbform-get-catalog,
html body.scandi-theme-day #cbform-catalog {
  background: linear-gradient(180deg, #f5f1eb 0%, #ebe3d8 100%) !important;
}
html body.scandi-theme-day #cbform-get-catalog form.cbf,
html body.scandi-theme-day #cbform-catalog form.cbf,
html body.scandi-theme-day #cbform-get-catalog .form-style,
html body.scandi-theme-day #cbform-catalog .form-style {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  box-shadow: 0 28px 70px rgba(20,16,13,0.18), 0 6px 18px rgba(20,16,13,0.10) !important;
}
html body.scandi-theme-day #cbform-get-catalog .form-title,
html body.scandi-theme-day #cbform-catalog .form-title,
html body.scandi-theme-day #cbform-get-catalog .left .b-title b,
html body.scandi-theme-day #cbform-catalog .left .b-title b {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
html body.scandi-theme-day #cbform-get-catalog .form-subtitle,
html body.scandi-theme-day #cbform-catalog .form-subtitle {
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
}
html body.scandi-theme-day #cbform-get-catalog input,
html body.scandi-theme-day #cbform-catalog input,
html body.scandi-theme-day #cbform-get-catalog .select2-selection,
html body.scandi-theme-day #cbform-catalog .select2-selection {
  background: rgba(20, 16, 13, 0.04) !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  border-color: rgba(166, 124, 58, 0.30) !important;
}
html body.scandi-theme-day #cbform-get-catalog input::placeholder,
html body.scandi-theme-day #cbform-catalog input::placeholder {
  color: rgba(20, 16, 13, 0.40) !important;
  -webkit-text-fill-color: rgba(20, 16, 13, 0.40) !important;
}

/* ============================================================
   PREMIUM SECTION POLISH v0.98
   Все секции ниже catalog приводим к единому warm-dark glass
   стилю с gold-акцентами. Источник стиля — trust cards в hero.
   ============================================================ */

/* ---------- 1. «ПОЛНЫЙ КАТАЛОГ» CTA card (последняя в #catalog) ---------- */
html body #catalog .catalog-item[href*="/katalog-proektov/"],
html body #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%) !important;
  border: 1px solid rgba(212, 173, 110, 0.40) !important;
  border-top: 2px solid #c19a5b !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .image {
  background: transparent !important;
  aspect-ratio: 5 / 4 !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .image img {
  display: none !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .image::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  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%) !important;
  z-index: 1 !important;
  height: 100% !important;
  display: block !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .image::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
  box-shadow:
    0 12px 32px rgba(212, 173, 110, 0.35),
    inset 0 -2px 8px rgba(20, 16, 13, 0.20) !important;
  z-index: 3 !important;
  display: flex !important;
  /* стрелка-glyph внутри круга */
  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>") !important;
  background-size: 100%, 32px 32px !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-blend-mode: normal, normal !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .desc {
  background: transparent !important;
  border-top-color: rgba(212, 173, 110, 0.30) !important;
  text-align: center !important;
  padding: 18px 16px 22px !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .desc .title {
  justify-content: center !important;
  border-bottom: 0 !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .title-code {
  display: none !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .desc::before {
  content: 'ПЕРЕЙТИ В КАТАЛОГ' !important;
  display: block !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
  margin-bottom: 6px !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .desc::after {
  content: 'Все 150 проектов с ценами и характеристиками' !important;
  display: block !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #a89c8a !important;
  -webkit-text-fill-color: #a89c8a !important;
  line-height: 1.4 !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"] .info,
html body #catalog .catalog-item[href*="/katalog-proektov/"] .info-price,
html body #catalog .catalog-item[href*="/katalog-proektov/"] .card-area-badge {
  display: none !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"]:hover {
  transform: translateY(-8px) scale(1.02) !important;
  border-color: rgba(212, 173, 110, 0.85) !important;
  box-shadow:
    0 0 40px rgba(193, 154, 91, 0.30),
    0 32px 64px rgba(0, 0, 0, 0.50) !important;
}
html body #catalog .catalog-item[href*="/katalog-proektov/"]:hover .image::after {
  transform: translate(-50%, -50%) scale(1.10) !important;
  box-shadow: 0 16px 40px rgba(212, 173, 110, 0.55) !important;
}

/* ---------- 2. BUILD STAGES «Как мы работаем» — light cream + 4-col grid ---------- */
html body section.build-stages,
html body .build-stages {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.12) 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%) !important;
  background-size: 24px 24px, auto, auto !important;
  background-color: #ebe1cd !important;
  padding: 100px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
html body section.build-stages .section-title,
html body section.build-stages h2,
html body .build-stages .section-title,
html body .build-stages h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  margin-bottom: 56px !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}
html body section.build-stages .section-title i,
html body section.build-stages h2 i,
html body .build-stages .section-title i,
html body .build-stages h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
html body section.build-stages .step-cards,
html body .build-stages .step-cards {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 1 !important;
  counter-reset: stepc !important;
}
/* 4 колонки в каждом ряду — parent layout (4+3 или 4+4) */
html body section.build-stages .step-cards__row,
html body .build-stages .step-cards__row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
  background: transparent !important;
}
@media (max-width: 1199px) {
  html body section.build-stages .step-cards__row,
  html body .build-stages .step-cards__row {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  html body section.build-stages .step-cards__row,
  html body .build-stages .step-cards__row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  html body section.build-stages .step-cards__row,
  html body .build-stages .step-cards__row {
    grid-template-columns: 1fr !important;
  }
}
/* Card — light cream glass с photo сверху */
html body section.build-stages .step-cards__item,
html body section.build-stages .step-card,
html body .build-stages .step-cards__item,
html body .build-stages .step-card {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  backdrop-filter: blur(18px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important;
  box-shadow:
    0 8px 24px rgba(120, 90, 50, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}
html body section.build-stages .step-cards__item:hover,
html body section.build-stages .step-card:hover,
html body .build-stages .step-cards__item:hover,
html body .build-stages .step-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(166, 124, 58, 0.55) !important;
  box-shadow:
    0 16px 40px rgba(120, 90, 50, 0.18),
    0 0 0 1px rgba(212, 173, 110, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
/* Header (контейнер preview+heading) — стек, не aspect-ratio */
html body section.build-stages .step-card__header,
html body .build-stages .step-card__header {
  position: relative !important;
  width: 100% !important;
  display: block !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  flex: 0 0 auto !important;
}
/* Preview (image area) — aspect-ratio 4/3 + force visible */
html body section.build-stages .step-card__preview,
html body .build-stages .step-card__preview {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #ebe1cd 0%, #d4c5ad 100%) !important;
  border-radius: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Heading (parent's "ШАГ N" текст-блок) — спрятать, у нас своя нумерация */
html body section.build-stages .step-card__heading,
html body .build-stages .step-card__heading {
  display: none !important;
}
html body section.build-stages .step-card__image,
html body section.build-stages .step-card__preview img,
html body section.build-stages .step-card__header img,
html body .build-stages .step-card__image,
html body .build-stages .step-card__preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1) !important;
  display: block !important;
  border-radius: 0 !important;
  filter: none !important;
}
html body section.build-stages .step-card:hover .step-card__image,
html body .build-stages .step-card:hover .step-card__image {
  transform: scale(1.06) !important;
}
/* Body text area below image */
html body section.build-stages .step-card__body,
html body section.build-stages .step-card__content,
html body .build-stages .step-card__body,
html body .build-stages .step-card__content {
  padding: 18px 20px 22px !important;
  flex: 1 !important;
}
html body section.build-stages .step-card__title,
html body section.build-stages .step-card h3,
html body .build-stages .step-card__title,
html body .build-stages .step-card h3 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 8px !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}
html body section.build-stages .step-card__desc,
html body section.build-stages .step-card p,
html body .build-stages .step-card__desc,
html body .build-stages .step-card p {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
/* Step number — gold pill в верхнем левом углу превью */
html body section.build-stages .step-cards__item::before,
html body section.build-stages .step-card::before,
html body .build-stages .step-cards__item::before,
html body .build-stages .step-card::before {
  counter-increment: stepc !important;
  content: counter(stepc) !important;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 4 !important;
  box-shadow: 0 6px 16px rgba(166, 124, 58, 0.40), 0 1px 3px rgba(20, 16, 13, 0.20) !important;
}
/* старые «ШАГ» / номера от parent — скрыть */
html body section.build-stages .step-card__num,
html body section.build-stages .step-num,
html body section.build-stages .step-label,
html body .build-stages .step-card__num,
html body .build-stages .step-num {
  display: none !important;
}
/* dotted connector arrows ОТ parent — оставить, но скрыть на mobile */
@media (max-width: 768px) {
  html body section.build-stages .arrow,
  html body section.build-stages [class*="connector"] {
    display: none !important;
  }
}

/* ---------- 3. ABOUT COMPANY — premium light cream + dark glass cards ---------- */
html body .about-company {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
  background-size: 26px 26px, auto !important;
  padding: 100px 0 !important;
}
html body .about-company .section-title,
html body .about-company h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #1a1410 !important;
  text-align: center !important;
  margin-bottom: 56px !important;
}
html body .about-company .section-title i,
html body .about-company h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
html body .about-company .stat-item,
html body .about-company .item {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  text-align: center !important;
  box-shadow:
    0 8px 24px rgba(120, 90, 50, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  transition: all 0.4s ease !important;
}
html body .about-company .stat-item:hover,
html body .about-company .item:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 16px 40px rgba(120, 90, 50, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
html body .about-company .num,
html body .about-company [class*="num"] {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  color: #a67c3a !important;
  letter-spacing: -0.04em !important;
  display: block !important;
  margin-bottom: 6px !important;
  line-height: 1 !important;
}

/* ---------- 4. BLOCK WITH VIDEO — premium dark with gold border ---------- */
html body .block-with-video {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #1a1410 0%, #14100d 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 100px 0 !important;
}
html body .block-with-video h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  text-align: center !important;
  margin-bottom: 48px !important;
  color: #f3ecdc !important;
}
html body .block-with-video h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .block-with-video-media,
html body .block-with-video video,
html body .block-with-video iframe,
html body .block-with-video .video-wrapper {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(193, 154, 91, 0.30) !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.18),
    0 24px 60px rgba(0, 0, 0, 0.50) !important;
}

/* ---------- 5. CERTIFICATES — light glass cards ---------- */
html body .cert-container {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%) !important;
  background-size: 24px 24px, auto !important;
  padding: 80px 0 !important;
}

/* ---------- 6. OUR WORKS «Реализованные проекты» — gallery glass ---------- */
html body .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%) !important;
  background-size: 28px 28px, auto, auto !important;
  padding: 100px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
html body .our-works .section-title,
html body .our-works h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  margin-bottom: 48px !important;
  color: #f3ecdc !important;
}
html body .our-works .section-title i,
html body .our-works h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
html body .our-works .item,
html body .our-works .card,
html body .our-works [class*="card"]:not(.section-title):not(h2),
html body .our-works .swiper-slide > * {
  background:
    linear-gradient(135deg, rgba(212, 173, 110, 0.05) 0%, rgba(20, 16, 13, 0.65) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important;
}
html body .our-works .item:hover,
html body .our-works .card:hover,
html body .our-works .swiper-slide > *:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(212, 173, 110, 0.55) !important;
  box-shadow:
    0 0 32px rgba(193, 154, 91, 0.22),
    0 24px 48px rgba(0, 0, 0, 0.50) !important;
}

/* ---------- 7. OBJECT MAP — DARKEST PEAK середины единого блока ---------- */
html body section.object-map,
html body .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%) !important;
  background-size: 32px 32px, auto, auto !important;
  padding: 40px 0 60px !important;
  position: relative !important;
  margin-top: 0 !important;
}
/* Декоративный pattern overlay */
html body section.object-map::after,
html body .object-map::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    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.08'><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>") !important;
  background-repeat: repeat !important;
  background-size: 320px 320px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html body section.object-map > *,
html body .object-map > * {
  position: relative !important;
  z-index: 2 !important;
}
/* Тонкая золотая разделительная линия между our-works и object-map (внутри одной истории) */
html body section.object-map::before,
html body .object-map::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 280px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(193, 154, 91, 0.55) 50%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
html body section.object-map h2,
html body section.object-map .object-map__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(24px, 3.2vw, 34px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  text-align: center !important;
  margin-bottom: 32px !important;
  margin-top: 24px !important;
  position: relative !important;
  z-index: 2 !important;
}
html body section.object-map h2 i,
html body section.object-map h2 b,
html body section.object-map .object-map__title i,
html body section.object-map .object-map__title b {
  font-style: normal !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
/* Eyebrow перед заголовком — добавим через JS */
html body .scandi-map-eyebrow {
  text-align: center !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 2 !important;
}
html body .scandi-map-eyebrow::before,
html body .scandi-map-eyebrow::after {
  content: '' !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c19a5b) !important;
}
html body .scandi-map-eyebrow::after {
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
}
/* Map container — gold-framed glass like catalog */
html body section.object-map > .container,
html body .object-map > .container {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  position: relative !important;
  z-index: 2 !important;
}
html body section.object-map [id^="object-map-"],
html body .object-map [id^="object-map-"] {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 2px solid rgba(193, 154, 91, 0.45) !important;
  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) !important;
  position: relative !important;
}

/* ---------- REALTY-TOUR — premium 2-col like mortgage block ---------- */
html body .realty-tour .scandi-tour {
  display: grid !important;
  grid-template-columns: 1.1fr 1fr !important;
  gap: 0 !important;
  background: #14100d !important;
  border: 1px solid rgba(212, 173, 110, 0.35) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.10),
    0 32px 80px rgba(0, 0, 0, 0.45) !important;
  position: relative !important;
  isolation: isolate !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  min-height: 480px !important;
}
@media (max-width: 991px) {
  html body .realty-tour .scandi-tour {
    grid-template-columns: 1fr !important;
  }
}
html body .realty-tour .scandi-tour__media {
  position: relative !important;
  overflow: hidden !important;
  min-height: 460px !important;
  background-color: #1a1410 !important;
  background-image: url('/wp-content/themes/karkasnye-doma-redesign/assets/realty/hero.webp') !important;
  background-size: cover !important;
  background-position: center 60% !important;
  background-repeat: no-repeat !important;
  isolation: isolate !important;
}
html body .realty-tour .scandi-tour__media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, transparent 0%, transparent 60%, rgba(20, 16, 13, 0.55) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
html body .realty-tour .scandi-tour__body {
  padding: 56px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 22px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
    linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%) !important;
  position: relative !important;
  z-index: 2 !important;
  color: #f3ecdc !important;
}
@media (max-width: 768px) {
  html body .realty-tour .scandi-tour__body {
    padding: 36px 28px !important;
  }
}
html body .realty-tour .scandi-tour__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .realty-tour .scandi-tour__eyebrow::before {
  content: '' !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
}
html body .realty-tour .scandi-tour__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}
html body .realty-tour .scandi-tour__title b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .realty-tour .scandi-tour__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  margin: 0 !important;
  max-width: 520px !important;
}
html body .realty-tour .scandi-tour__form {
  display: grid !important;
  grid-template-columns: 1fr 1fr auto !important;
  gap: 12px !important;
  margin-top: 8px !important;
  align-items: stretch !important;
}
@media (max-width: 600px) {
  html body .realty-tour .scandi-tour__form {
    grid-template-columns: 1fr !important;
  }
}
html body .realty-tour .scandi-tour__input {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  background: rgba(255, 252, 245, 0.08) !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  border: 1px solid rgba(193, 154, 91, 0.30) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
}
html body .realty-tour .scandi-tour__input::placeholder {
  color: rgba(212, 173, 110, 0.50) !important;
  -webkit-text-fill-color: rgba(212, 173, 110, 0.50) !important;
}
html body .realty-tour .scandi-tour__input:focus {
  outline: none !important;
  border-color: #c19a5b !important;
  box-shadow: 0 0 0 3px rgba(193, 154, 91, 0.20) !important;
}
html body .realty-tour .scandi-tour__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.40) !important;
  transition: all 0.4s ease !important;
}
html body .realty-tour .scandi-tour__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(193, 154, 91, 0.55) !important;
  filter: brightness(1.06) !important;
}
html body .realty-tour .scandi-tour__note {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin: 8px 0 0 !important;
  line-height: 1.5 !important;
}
html body .realty-tour .scandi-tour__note a {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(166, 124, 58, 0.40) !important;
}
/* hide parent realty-tour content */
html body .realty-tour .container-card,
html body .realty-tour .realty-tour__content,
html body .realty-tour .realty-tour__inner,
html body .realty-tour .realty-tour__image {
  display: none !important;
}

/* ---------- MAP DECORATION — gold corners frame around Yandex map ---------- */
/* ===== MAP — premium branded frame ===== */
/* Yandex map wrapped in a warm-dark padded card with gold border, corner
   ornaments, and subtle inner glow — visually consistent with editorial gallery. */
html body section.object-map .scandi-map-wrap {
  position: relative !important;
  margin: 0 auto !important;
  max-width: 1320px !important;
  padding: 14px !important;
  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%) !important;
  border: 1px solid rgba(193, 154, 91, 0.32) !important;
  border-top: 1px solid rgba(193, 154, 91, 0.50) !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.50) !important;
  border-radius: 6px !important;
  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) !important;
  overflow: visible !important;
  isolation: isolate !important;
}
/* The map element itself gets a thin gold inner frame + dark rounded clip */
html body section.object-map .scandi-map-wrap [id^="object-map-"],
html body section.object-map .scandi-map-wrap > div:not(.scandi-map-wrap__tr):not(.scandi-map-wrap__br):not(.scandi-map-wrap__legend) {
  position: relative !important;
  z-index: 1 !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 0 0 1px rgba(193, 154, 91, 0.35),
    0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

/* 4 gold corner ornaments — slightly offset OUTSIDE the wrapper for elegance */
html body section.object-map .scandi-map-wrap::before,
html body section.object-map .scandi-map-wrap::after {
  content: '' !important;
  position: absolute !important;
  width: 32px !important;
  height: 32px !important;
  border: 1.5px solid #c19a5b !important;
  pointer-events: none !important;
  z-index: 4 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 10px rgba(193, 154, 91, 0.45) !important;
}
html body section.object-map .scandi-map-wrap::before {
  top: -10px !important;
  left: -10px !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
html body section.object-map .scandi-map-wrap::after {
  bottom: -10px !important;
  right: -10px !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
html body section.object-map .scandi-map-wrap__br,
html body section.object-map .scandi-map-wrap__tr {
  position: absolute !important;
  width: 32px !important;
  height: 32px !important;
  border: 1.5px solid #c19a5b !important;
  pointer-events: none !important;
  z-index: 4 !important;
  box-shadow: 0 0 10px rgba(193, 154, 91, 0.45) !important;
}
html body section.object-map .scandi-map-wrap__tr {
  top: -10px !important;
  right: -10px !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
}
html body section.object-map .scandi-map-wrap__br {
  bottom: -10px !important;
  left: -10px !important;
  border-right: 0 !important;
  border-top: 0 !important;
}
/* Brand legend pill — top-left, like a museum-label on the map */
html body section.object-map .scandi-map-wrap__legend {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  background: rgba(20, 16, 13, 0.82) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
  border: 1px solid rgba(212, 173, 110, 0.45) !important;
  border-radius: 999px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  pointer-events: none !important;
  box-shadow:
    0 0 0 1px rgba(255, 230, 180, 0.06),
    0 8px 22px rgba(0, 0, 0, 0.45) !important;
}
html body section.object-map .scandi-map-wrap__legend::before {
  content: '' !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ffe5b8, #c19a5b) !important;
  box-shadow: 0 0 8px rgba(212, 173, 110, 0.60) !important;
}

/* ---------- REALTY-TOUR — конец единого блока: dark → cream ---------- */
html body section.realty-tour,
html body .realty-tour {
  background:
    radial-gradient(circle, rgba(193, 154, 91, 0.10) 1px, transparent 1.5px),
    radial-gradient(circle at 20% 70%, rgba(212, 173, 110, 0.08) 0%, transparent 25%),
    radial-gradient(circle at 80% 30%, rgba(212, 173, 110, 0.08) 0%, transparent 25%),
    linear-gradient(180deg,
      #2a1f17 0%,
      #3a2a1c 18%,
      #6c5238 38%,
      #c9b894 60%,
      #ebe1cd 78%,
      #f7f1e6 100%) !important;
  background-size: 32px 32px, auto, auto, auto !important;
  padding: 70px 0 90px !important;
  margin-top: 0 !important;
  position: relative !important;
}
/* Decorative scandi mountain silhouettes ВЕРХОМ ВНИЗ для плавного перехода */
html body section.realty-tour::before,
html body .realty-tour::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    /* mountain silhouettes сверху (зеркально) */
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 600' preserveAspectRatio='xMidYMin slice'><g fill='none' stroke='%237d5a2c' stroke-width='1.2' stroke-opacity='0.18'><path d='M0 20 L120 220 L210 140 L320 320 L470 160 L580 240 L720 100 L860 280 L1000 140 L1130 320 L1250 180 L1400 340 L1520 200 L1600 240'/><path d='M0 80 L100 160 L240 260 L380 140 L500 200 L620 120 L780 240 L920 130 L1060 220 L1200 130 L1320 240 L1460 130 L1600 180'/></g></svg>"),
    /* concentric circles overlay */
    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>") !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% 50%, 320px 320px !important;
  background-position: center top, 0 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.85 !important;
}
html body section.realty-tour > *,
html body .realty-tour > * {
  position: relative !important;
  z-index: 2 !important;
}

/* ---------- 8. REALTY TOUR «VR-тур» — premium dark glass ---------- */
html body section.realty-tour {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #1a1410 0%, #14100d 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 100px 0 !important;
}
html body section.realty-tour h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  text-align: center !important;
  margin-bottom: 48px !important;
  color: #f3ecdc !important;
}
html body section.realty-tour h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body section.realty-tour .container-card {
  background:
    linear-gradient(135deg, rgba(212, 173, 110, 0.06) 0%, rgba(20, 16, 13, 0.55) 100%) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 14px !important;
  padding: 48px !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.10),
    0 24px 48px rgba(0, 0, 0, 0.40) !important;
}

/* ---------- 9. MORTGAGE-CALLING — gold gradient CTA ---------- */
html body section.mortgage-calling {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
    linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%) !important;
  background-size: 24px 24px, auto !important;
  padding: 80px 0 !important;
}
/* old single-card style removed — replaced by 2-col grid layout below */
html body .mortgage-calling__content h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(24px, 3.5vw, 38px) !important;
  font-weight: 300 !important;
  color: #f3ecdc !important;
  letter-spacing: -0.02em !important;
}
html body .mortgage-calling__content h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

/* ---------- 10. FINAL FORM «Остались вопросы» — light glass ---------- */
html body .cbform:not(.cbform-get-catalog) {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
  background-size: 24px 24px, auto !important;
  padding: 100px 0 !important;
}
html body .cbform:not(.cbform-get-catalog) .container-card,
html body .cbform:not(.cbform-get-catalog) .form-style {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 16px !important;
  padding: 48px !important;
  box-shadow:
    0 12px 36px rgba(120, 90, 50, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
/* ---------- 6.1. OUR WORKS — fix swiper pagination (60 bullets ломали layout) ---------- */
html body .our-works .swiper-pagination,
html body .our-works .swiper-pagination-bullets {
  display: none !important;
}
html body .our-works .swiper {
  position: relative !important;
  padding-bottom: 0 !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
/* Subtle "drag to see more" hint в углу контейнера */
html body .our-works .swiper-wrapper {
  cursor: grab !important;
}
html body .our-works .swiper-wrapper:active {
  cursor: grabbing !important;
}
/* Custom counter + progressbar */
html body .our-works::after {
  content: '' !important;
  position: absolute !important;
  bottom: 56px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 320px !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.30) 25%, rgba(212, 173, 110, 0.30) 75%, transparent 100%) !important;
  border-radius: 2px !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

/* ---------- 11. SECTION SEPARATOR — мягкие переходы между секциями ---------- */
html body section.build-stages,
html body .our-works,
html body .block-with-video,
html body section.realty-tour,
html body .mortgage-calling__inner {
  position: relative !important;
}

/* ============================================================
   OVERNIGHT REDESIGN v0.99 — universal architectural pattern + parent bg image kill
   Принцип: «еле видные чертежи» (как на каталоге) применяем на ВСЕ секции.
   Заменяем парент bg-картинки (Skandinaviya-11-7, cbform/bg.webp и пр.) на наш язык.
   ============================================================ */

/* ---------- KILL OLD PARENT BG IMAGES — селективно, не блокируем наши паттерны ---------- */
/* Только inline styles с парент-картинками */
html body [style*="Skandinaviya"],
html body [style*="cbform/bg"],
html body [style*="rite-quality-wrapper-fon"] {
  background-image: none !important;
}
/* .cbform__inner — только убрать парент-картинку, не задавая none — позволяем нашему glass override применяться */
html body .cbform-get-catalog .cbform__inner > .image,
html body .cbform .cbform__inner > .image[style*="Skandinaviya"] {
  background-image: none !important;
}

/* .scandi-section-arch-light / -dark / .arch-bg-light / -dark
   — DELETED 2026-05-26 per Phase 0 cleanup. No PHP or JS emitter ever applied
   these utility classes to any block. Was ~65 lines including SVG data-URI
   blueprint patterns. */

/* ---------- APPLY PATTERN AUTOMATICALLY на стандартные блоки ---------- */
/* Light pattern blocks — высокая специфичность через ID-боост.
   Tag-agnostic — работает на div и section.
   div#ID и section#ID — чтобы перебить парент-правила с tag-prefix. */
html body div#cbform-get-catalog,
html body div#cbform-catalog,
html body section#cbform-get-catalog,
html body section#cbform-catalog,
html body div#cbform-catalog,
html body section#cbform-catalog,
html body div#cbform-architect,
html body section#cbform-architect,
html body #cbform-get-catalog,
html body #cbform-catalog,
html body #cbform-catalog,
html body #cbform-architect,
html body #cbform-sample,
html body #cbform-viewing,
html body .cbform-get-catalog,
html body .cbform-architect,
html body .cbform-sample,
html body .cbform-viewing,
html body .cbform:not(#catalog),
html body .about-company,
html body #about-company,
html body .discount-calculator,
html body .cert-container,
html body .mortgage-calling,
html body section.mortgage-calling,
html body .block-text,
html body section.block-text,
html body .seo-section,
html body section.seo-section,
html body .seo-section--alt,
html body section.seo-section--alt,
html body .seo-cta,
html body section.seo-cta,
html body .seo-team-block,
html body section.seo-team-block,
html body .geo-work-section,
html body section.geo-work-section,
html body .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%) !important;
  background-size: 24px 24px, auto, auto !important;
  background-color: #ebe1cd !important;
  position: relative !important;
}

/* Dark pattern blocks — tag-agnostic */
html body .realty-tour,
html body section.realty-tour,
html body .our-works,
html body section.our-works,
html body .block-with-video,
html body section.block-with-video,
html body .rate-quality,
html body section.rate-quality,
html body .rite-quality,
html body section.rite-quality,
html body .step2,
html body section.step2,
html body .step2-block,
html body .white-box,
html body section.white-box,
html body #white-box-default,
html body div#white-box-default,
html body .white-box-default,
html body section.white-box-default,
html body .complectations-block,
html body section.complectations-block,
html body .object-tour,
html body section.object-tour,
html body .seo-hero,
html body section.seo-hero,
html body .video-section,
html body 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%) !important;
  background-size: 28px 28px, auto, auto !important;
  background-color: #14100d !important;
  position: relative !important;
}

/* ---------- PARENT FORM «cbform-architect/sample/viewing» — premium glass ---------- */
html body .cbform__inner,
html body section.cbform-architect .cbform__inner,
html body section.cbform-sample .cbform__inner,
html body section.cbform-viewing .cbform__inner,
html body section.cbform-architect .container-card,
html body section.cbform-sample .container-card,
html body section.cbform-viewing .container-card {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 36px rgba(120, 90, 50, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  padding: 48px !important;
  position: relative !important;
  overflow: hidden !important;
}

html body .cbform-architect h2,
html body .cbform-sample h2,
html body .cbform-viewing h2,
html body .cbform__title,
html body .cbform-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 300 !important;
  color: #1a1410 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 16px !important;
}
html body .cbform-architect h2 b,
html body .cbform-sample h2 b,
html body .cbform-viewing h2 b,
html body .cbform__title b,
html body .cbform-architect h2 i,
html body .cbform-sample h2 i,
html body .cbform-viewing h2 i {
  font-style: normal !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
}

/* ---------- TYPOGRAPHY UNIVERSAL: section h2 - editorial Manrope 300 + gold accent ---------- */
html body section h2:not(.section-title-keep),
html body .block h2:not(.section-title-keep),
html body section .section-title,
html body .block .section-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  font-style: normal !important;
}
html body section h2 i:not(.scandi-keep-style),
html body section h2 b:not(.scandi-keep-style),
html body .block h2 i:not(.scandi-keep-style),
html body .block h2 b:not(.scandi-keep-style) {
  font-style: normal !important;
  font-weight: 600 !important;
}

/* В dark секциях — gold light gradient на акценте */
html body section.build-stages h2 i,
html body section.build-stages h2 b,
html body section.our-works h2 i,
html body section.our-works h2 b,
html body section.block-with-video h2 i,
html body section.block-with-video h2 b,
html body section.realty-tour h2 i,
html body section.realty-tour h2 b,
html body .build-stages .section-title i,
html body .build-stages .section-title b,
html body .our-works .section-title i,
html body .our-works .section-title b,
html body .block-with-video .section-title i,
html body .block-with-video .section-title b,
html body .realty-tour .section-title i,
html body .realty-tour .section-title b {
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

/* В light секциях — bronze gradient */
html body section.about-company h2 i,
html body section.about-company h2 b,
html body section.cert-container h2 i,
html body section.cert-container h2 b,
html body section.object-map h2 i,
html body section.object-map h2 b,
html body section.discount-calculator h2 i,
html body section.discount-calculator h2 b,
html body section.cbform h2 i,
html body section.cbform h2 b,
html body section.mortgage-calling .section-title i,
html body section.mortgage-calling .section-title b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

/* ---------- DISCOUNT CALCULATOR (.discount-calculator) — premium light glass ---------- */
html body section.discount-calculator,
html body .discount-calculator {
  padding: 100px 0 !important;
}
html body section.discount-calculator .container-card,
html body .discount-calculator .container-card,
html body section.discount-calculator .calc-wrapper,
html body section.discount-calculator .form-style,
html body .discount-calculator .form-style {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 16px !important;
  box-shadow:
    0 16px 40px rgba(120, 90, 50, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  padding: 48px !important;
  position: relative !important;
}

/* ---------- RATE QUALITY (.rate-quality) — kill bg image, add glass ---------- */
html body .rate-quality,
html body section.rate-quality {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #1a1410 0%, #14100d 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 100px 0 !important;
  color: #f3ecdc !important;
}
html body .rate-quality__wrapper,
html body .rate-quality .wrapper {
  background:
    linear-gradient(135deg, rgba(212, 173, 110, 0.06) 0%, rgba(20, 16, 13, 0.55) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 16px !important;
  padding: 48px !important;
  position: relative !important;
}
html body .rate-quality h2,
html body .rate-quality h3 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  color: #f3ecdc !important;
  font-weight: 300 !important;
}
html body .rate-quality h2 i,
html body .rate-quality h2 b {
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

/* ---------- BUTTONS UNIVERSAL — все кнопки в gold gradient ---------- */
html body button.btn-primary,
html body .btn-primary,
html body button.button.button-primary,
html body .button.button-primary,
html body section button[type="submit"]:not(.scandi-burger):not(.theme-toggle),
html body section .button-link,
html body section a.button:not(.scandi-burger),
html body .form-style button[type="submit"],
html body .cbform button,
html body .cbform-architect button,
html body .cbform-sample button,
html body .cbform-viewing button {
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  background-image: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 32px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  box-shadow:
    0 8px 24px rgba(193, 154, 91, 0.35),
    inset 0 -2px 4px rgba(20, 16, 13, 0.08) !important;
  cursor: pointer !important;
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}
html body button.btn-primary:hover,
html body .btn-primary:hover,
html body section button[type="submit"]:hover,
html body section a.button:hover,
html body .form-style button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 12px 32px rgba(193, 154, 91, 0.50),
    inset 0 -2px 4px rgba(20, 16, 13, 0.08) !important;
  filter: brightness(1.06) !important;
}

/* ---------- BREADCRUMBS — minimal editorial ---------- */
html body .breadcrumbs,
html body .breadcrumb,
html body .yoast-breadcrumbs,
html body nav.breadcrumb,
html body #breadcrumbs {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(20, 16, 13, 0.55) !important;
  padding: 16px 0 !important;
  margin: 0 !important;
}
html body .breadcrumbs a,
html body .breadcrumb a,
html body #breadcrumbs a {
  color: rgba(20, 16, 13, 0.75) !important;
  -webkit-text-fill-color: rgba(20, 16, 13, 0.75) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.20) !important;
  padding-bottom: 1px !important;
  transition: color 0.3s ease, border-color 0.3s ease !important;
}
html body .breadcrumbs a:hover,
html body .breadcrumb a:hover {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  border-color: #c19a5b !important;
}
html body .breadcrumbs .separator,
html body .breadcrumbs__separator {
  color: rgba(20, 16, 13, 0.30) !important;
  margin: 0 8px !important;
}

/* On dark sections — invert breadcrumb colors */
html body section.realty-tour .breadcrumbs,
html body section.our-works .breadcrumbs,
html body section.build-stages .breadcrumbs,
html body section.block-with-video .breadcrumbs {
  color: rgba(243, 236, 220, 0.55) !important;
}

/* ---------- TOP BLOCK на /houses/, /barnhaus*/ — premium hero ---------- */
html body .single-houses .top-block,
html body .post-type-archive-houses .top-block,
html body .page-template-page-tmp-flexible-2 .top-block,
html body section.top-block:not(#top_block) {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(193, 154, 91, 0.12), transparent 70%),
    linear-gradient(180deg, #ebe1cd 0%, #e3d8c2 50%, #d4c5ad 100%) !important;
  background-size: 24px 24px, auto, auto !important;
  padding: 80px 0 60px !important;
  position: relative !important;
}
html body .single-houses .top-block h1,
html body .post-type-archive-houses .top-block h1,
html body section.top-block:not(#top_block) h1,
html body section.top-block:not(#top_block) .section-title,
html body section.top-block:not(#top_block) h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  line-height: 1.1 !important;
}
html body .single-houses .top-block h1 i,
html body .single-houses .top-block h1 b,
html body .post-type-archive-houses .top-block h1 i,
html body .post-type-archive-houses .top-block h1 b,
html body section.top-block:not(#top_block) h1 i,
html body section.top-block:not(#top_block) h1 b {
  font-style: normal !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

/* ---------- HOUSE INFO CARDS («Параметры дома», «Стоимость», «Что входит») ---------- */
html body .house-info,
html body .single-houses .house-info,
html body .single-houses [class*="house-info"],
html body section.house-info,
html body section.house-info-wrapper {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
  background-size: 24px 24px, auto !important;
  padding: 60px 0 !important;
}
html body .house-info .container-card,
html body .single-houses .container-card,
html body .single-houses [class*="info"] [class*="card"]:not(.section-title) {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 14px !important;
  box-shadow:
    0 8px 24px rgba(120, 90, 50, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

/* ---------- PRICE CARDS («ЗК / ТК / Предчистовая») в single-house ---------- */
html body .single-houses .step2,
html body .single-houses [class*="step2"],
html body .single-houses .complectations,
html body .single-houses [class*="complectation"],
html body .step2-block,
html body section[class*="step"] {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #14100d 0%, #1a1410 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 80px 0 !important;
  color: #f3ecdc !important;
}
html body .single-houses .step2-item,
html body .single-houses .complectation,
html body .step2-block .step2-block__item,
html body section[class*="step"] [class*="item"]:not(.section-title) {
  background:
    linear-gradient(135deg, rgba(212, 173, 110, 0.06) 0%, rgba(20, 16, 13, 0.55) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 14px !important;
  padding: 32px !important;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important;
}
html body .single-houses .step2-item:hover,
html body .single-houses .complectation:hover,
html body .step2-block .step2-block__item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(212, 173, 110, 0.55) !important;
  box-shadow:
    0 0 32px rgba(193, 154, 91, 0.20),
    0 24px 48px rgba(0, 0, 0, 0.45) !important;
}

/* ---------- FAQ ACCORDION — REMOVED (стили живут в mu-plugin inline)
   Удалено 2026-05-21. Mu-plugin scandi-seo-jsonld.php содержит свой inline
   <style id="scandi-faq-css"> с актуальным дизайн-каноном (dark cards).
   Тут не дублируем чтобы не было конфликта специфичности. ---------- */

/* ---------- BLOCK TEXT (.block-text) - SEO-текст премиум typography ---------- */
html body section.block-text,
html body .block-text {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    linear-gradient(180deg, #ebe1cd 0%, #f7f1e6 100%) !important;
  background-size: 26px 26px, auto !important;
  padding: 80px 0 !important;
}
html body .block-text h2,
html body .block-text h3,
html body section.block-text h2,
html body section.block-text h3 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #1a1410 !important;
  margin-bottom: 20px !important;
}
html body .block-text h2 i,
html body .block-text h2 b,
html body section.block-text h2 i,
html body section.block-text h2 b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
html body .block-text p,
html body section.block-text p,
html body .block-text li,
html body section.block-text li {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  margin-bottom: 14px !important;
}
html body .block-text strong,
html body section.block-text strong,
html body .block-text b,
html body section.block-text b {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font-weight: 700 !important;
}
html body .block-text a,
html body section.block-text a {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.30) !important;
  transition: color 0.3s ease, border-color 0.3s ease !important;
}
html body .block-text a:hover,
html body section.block-text a:hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  border-color: #c19a5b !important;
}

/* ---------- INPUTS UNIVERSAL — premium form fields ---------- */
html body section input[type="text"],
html body section input[type="email"],
html body section input[type="tel"],
html body section input[type="number"],
html body section textarea,
html body section .select2-selection,
html body section select {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  background: rgba(255, 255, 255, 0.85) !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
html body section input[type="text"]:focus,
html body section input[type="email"]:focus,
html body section input[type="tel"]:focus,
html body section textarea:focus {
  border-color: #a67c3a !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(166, 124, 58, 0.15) !important;
}
html body section input::placeholder,
html body section textarea::placeholder {
  color: rgba(20, 16, 13, 0.40) !important;
  -webkit-text-fill-color: rgba(20, 16, 13, 0.40) !important;
}

/* ---------- LABELS — bronze tracked ---------- */
html body section label,
html body section .form-label,
html body section .field-label {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ---------- SOCIAL BUTTONS in Header/Footer — gold gradient ---------- */
html body .social-icons a,
html body .social-links a,
html body .social a,
html body footer [class*="social"] a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(212, 173, 110, 0.18), rgba(166, 124, 58, 0.08)) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}
html body .social-icons a:hover,
html body .social-links a:hover,
html body .social a:hover,
html body footer [class*="social"] a:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  border-color: rgba(255, 230, 180, 0.40) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40) !important;
}

/* ---------- FOOTER — premium dark warm ---------- */
html body footer#footer,
html body footer.scandi-fenh,
html body footer.site-footer,
html body footer.footer,
html body #colophon,
html body .site-footer {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.06) 1px, transparent 1.5px),
    linear-gradient(180deg, #1a1410 0%, #0c0805 100%) !important;
  background-size: 28px 28px, auto !important;
  color: #d8cfba !important;
  padding: 80px 0 32px !important;
  position: relative !important;
  border-top: 1px solid rgba(193, 154, 91, 0.18) !important;
}
html body footer h3,
html body footer h4,
html body footer .widget-title,
html body footer .footer-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  margin-bottom: 20px !important;
}
html body footer p,
html body footer li,
html body footer a {
  font-family: var(--font-ui, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
html body footer a {
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}
html body footer a:hover {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
}

/* ---------- HOUSES CATEGORY ARCHIVE PAGES (/category/...) ---------- */
html body.category .post-list,
html body.archive .post-list,
html body.archive .houses-list,
html body.tax-houses_category #catalog,
html body.taxonomy-archive #catalog {
  /* Применяем все catalog-item styles */
}

/* ---------- TOP-BLOCK ADDITIONAL POLISH (single house hero) ---------- */
html body .single-houses .top-block .breadcrumbs {
  margin-bottom: 24px !important;
  color: rgba(20, 16, 13, 0.55) !important;
}
html body .single-houses .top-block h1 {
  margin-bottom: 16px !important;
}

/* ---------- SLIDER ARROWS (parent's blue arrow → gold) ---------- */
html body .swiper-button-prev,
html body .swiper-button-next,
html body .slick-arrow,
html body .slider-arrow {
  background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.40) !important;
  transition: all 0.3s ease !important;
}
html body .swiper-button-prev:hover,
html body .swiper-button-next:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 8px 24px rgba(193, 154, 91, 0.55) !important;
}
html body .swiper-button-prev::after,
html body .swiper-button-next::after {
  color: #14100d !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ---------- MOBILE OPTIMIZATIONS ---------- */
@media (max-width: 768px) {
  html body section,
  html body .block {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body section h2,
  html body .block h2 {
    font-size: clamp(22px, 6vw, 30px) !important;
  }
  html body section.realty-tour .container-card,
  html body .mortgage-calling__inner,
  html body .cbform__inner {
    padding: 24px !important;
  }
}

/* ---------- WP CONSENT BANNER — kill noise ---------- */
html body #cookie-notice,
html body .cookie-notice {
  background: rgba(20, 16, 13, 0.92) !important;
  color: #d8cfba !important;
  border-top: 1px solid rgba(193, 154, 91, 0.28) !important;
}

/* ---------- MAP CONTAINER — gold accent border on Yandex map ---------- */
html body .object-map__map,
html body section.object-map .map,
html body section.object-map [class*="map-"]:not(.map-icon),
html body section.object-map iframe {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  box-shadow: 0 16px 40px rgba(120, 90, 50, 0.18) !important;
}

/* ---------- ENSURE z-index — pattern layer не перекрывает контент ---------- */
html body section.cbform-get-catalog > *,
html body section.cbform-architect > *,
html body section.cbform-sample > *,
html body section.cbform-viewing > *,
html body section.about-company > *,
html body section.discount-calculator > *,
html body section.cert-container > *,
html body section.object-map > *,
html body section.mortgage-calling > *,
html body section.block-text > *,
html body section.build-stages > *,
html body section.realty-tour > *,
html body .our-works > *,
html body .block-with-video > * {
  position: relative !important;
  z-index: 1 !important;
}

/* ---------- SEO LANDING TYPOGRAPHY (pages: /o-kompanii/, /raboty/, etc.) ---------- */
html body .seo-hero {
  padding: 100px 0 80px !important;
  color: #f3ecdc !important;
}
html body .seo-hero h1,
html body .seo-hero h2,
html body .seo-hero .seo-hero__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  line-height: 1.1 !important;
  text-align: center !important;
  margin-bottom: 24px !important;
}
html body .seo-hero h1 i,
html body .seo-hero h1 b,
html body .seo-hero h2 i,
html body .seo-hero h2 b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .seo-hero p,
html body .seo-hero .seo-hero__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(16px, 1.4vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
  text-align: center !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}

/* SEO sections с контентом */
html body .seo-section {
  padding: 80px 0 !important;
}
html body .seo-section h2,
html body .seo-section h3,
html body .seo-section .seo-section__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(26px, 3.6vw, 40px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  margin-bottom: 24px !important;
  line-height: 1.2 !important;
}
html body .seo-section h2 i,
html body .seo-section h2 b,
html body .seo-section h3 i,
html body .seo-section h3 b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .seo-section p,
html body .seo-section li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  margin-bottom: 14px !important;
}
html body .seo-section strong,
html body .seo-section b {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font-weight: 700 !important;
}

/* SEO CTA — premium gold gradient card */
html body .seo-cta {
  padding: 60px 0 !important;
}
html body .seo-cta__inner,
html body .seo-cta .container-card,
html body .seo-cta > .container > * {
  background:
    radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
    linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%) !important;
  border: 1px solid rgba(212, 173, 110, 0.30) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 16px !important;
  padding: 48px !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.10),
    0 24px 48px rgba(0, 0, 0, 0.30) !important;
  color: #f3ecdc !important;
  text-align: center !important;
}
html body .seo-cta h2,
html body .seo-cta h3,
html body .seo-cta__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 300 !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  margin-bottom: 12px !important;
}
html body .seo-cta h2 i,
html body .seo-cta h2 b,
html body .seo-cta__title i,
html body .seo-cta__title b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .seo-cta p {
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
}

/* SEO TEAM BLOCK — glass cards */
html body .seo-team-block {
  padding: 80px 0 !important;
}
html body .seo-team-block .team-card,
html body .seo-team-block .team-member,
html body .seo-team-block [class*="member"],
html body .seo-team-block [class*="card"] {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.95) 0%, rgba(245, 235, 215, 0.85) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 14px !important;
  padding: 24px !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 8px 24px rgba(120, 90, 50, 0.10) !important;
}
html body .seo-team-block .team-card:hover,
html body .seo-team-block .team-member:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(120, 90, 50, 0.18) !important;
}

/* ---------- SECTION SECTION-N classes (parent's numbered) ---------- */
html body section[class*="section-"][class*="numbered"],
html body .section-1,
html body .section-2,
html body .section-3,
html body .section-4,
html body .section-5,
html body .section-6,
html body .section-7,
html body .section-8,
html body .section-9,
html body .section-10,
html body .section-11,
html body .section-12 {
  padding: 80px 0 !important;
  position: relative !important;
}

/* ---------- HERO BANNER FOR /houses/, /raboty/ subpages ---------- */
html body.post-type-archive-houses #top_block,
html body.post-type-archive-projects #top_block,
html body.tax-houses_category #top_block,
html body.archive #top_block,
html body.page-template-page-tmp-flexible-2 #top_block {
  background:
    radial-gradient(circle, rgba(212, 173, 110, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #1a1410 0%, #14100d 50%, #1a1410 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 100px 0 80px !important;
  position: relative !important;
}

/* ---------- ADVANTAGES TRUST CARDS — keep premium glass + add subtle pattern ---------- */
html body section.adv-glass,
html body #advantages.adv-glass,
html body div#advantages {
  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, #f5f1eb 0%, #ebe1cd 100%) !important;
  background-size: 24px 24px, auto, auto !important;
  background-color: #f5f1eb !important;
  position: relative !important;
}

/* ---------- COMPL CARDS (.compl-card) - комплектации цен на single-house ---------- */
html body .compl-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
html body .compl-card,
html body div.compl-card {
  background:
    linear-gradient(135deg, rgba(212, 173, 110, 0.08) 0%, rgba(20, 16, 13, 0.65) 100%) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.30) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}
html body .compl-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(212, 173, 110, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.30),
    0 0 32px rgba(193, 154, 91, 0.25),
    0 24px 48px rgba(0, 0, 0, 0.50) !important;
}
html body .compl-card-label {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  margin-bottom: 12px !important;
  display: inline-block !important;
  padding: 4px 10px !important;
  background: rgba(212, 173, 110, 0.10) !important;
  border: 1px solid rgba(212, 173, 110, 0.22) !important;
  border-radius: 999px !important;
}
html body .compl-card-title,
html body h3.compl-card-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
}
html body .compl-card-subtitle {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  color: #a89c8a !important;
  -webkit-text-fill-color: #a89c8a !important;
  margin: 0 0 20px !important;
}
html body .compl-readiness-block {
  margin: 16px 0 !important;
}
html body .compl-readiness-label {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  color: #a89c8a !important;
  -webkit-text-fill-color: #a89c8a !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}
html body .compl-readiness-label strong {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
}
html body .compl-readiness-bar {
  height: 4px !important;
  background: rgba(212, 173, 110, 0.10) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
html body .compl-readiness-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 8px rgba(193, 154, 91, 0.50) !important;
}
html body .compl-card-content {
  margin-top: 20px !important;
}
html body .compl-includes-block {
  margin-top: 16px !important;
}
html body .compl-includes-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}
html body .compl-includes-list,
html body .compl-includes-block ul,
html body .compl-card ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .compl-includes-block li,
html body .compl-card li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  padding: 6px 0 6px 22px !important;
  position: relative !important;
}
html body .compl-includes-block li::before,
html body .compl-card li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 13px !important;
  width: 12px !important;
  height: 8px !important;
  border-left: 2px solid #c19a5b !important;
  border-bottom: 2px solid #c19a5b !important;
  transform: rotate(-45deg) !important;
}
html body .compl-card-price,
html body .compl-card .price-label,
html body .compl-card [class*="price"]:not(.compl-readiness-block) {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  margin: 16px 0 !important;
  display: block !important;
}

/* ---------- WHITE BOX (Что входит в стоимость) — premium dark + glass inner ---------- */
html body .white-box-wrapper,
html body div.white-box-wrapper,
html body #white-box-default .white-box-wrapper {
  background:
    linear-gradient(135deg, rgba(212, 173, 110, 0.06) 0%, rgba(20, 16, 13, 0.55) 100%) !important;
  background-color: transparent !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 16px !important;
  padding: 48px !important;
  color: #f3ecdc !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.10),
    0 24px 48px rgba(0, 0, 0, 0.40) !important;
  position: relative !important;
}
html body .white-box-wrapper h2,
html body .white-box-wrapper h3,
html body .white-box-wrapper .b-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  font-weight: 300 !important;
}
html body .white-box-wrapper h2 i,
html body .white-box-wrapper h2 b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .white-box-wrapper p,
html body .white-box-wrapper li {
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
}
html body .white-box-wrapper ul li::marker,
html body .white-box-wrapper ol li::marker {
  color: #c19a5b !important;
}

/* ---------- BODY-LEVEL PATTERN для страниц без top_block (FAQ, Kontakty, и т.п.) ---------- */
html body.scandi-no-hero {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
    radial-gradient(ellipse 70% 50% at 20% 20%, rgba(212, 173, 110, 0.08) 0%, transparent 60%),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
  background-size: 24px 24px, auto, auto !important;
  background-color: #ebe1cd !important;
  background-attachment: fixed !important;
}

/* В таких страницах sections должны быть transparent чтобы виден body pattern */
html body.scandi-no-hero #main-wrapper,
html body.scandi-no-hero #content,
html body.scandi-no-hero main {
  background: transparent !important;
}

/* FAQ / general content sections без класса — light glass cards */
html 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%) !important;
  backdrop-filter: blur(12px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 14px !important;
  padding: 28px 32px !important;
  margin: 0 auto 16px !important;
  max-width: 1200px !important;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08) !important;
}

/* :not(.scandi-works__title) — не трогать заголовок our-works (он имеет
   собственный font-size: clamp(28px,4vw,44px) определённый ниже).
   :not(.scandi-whitebox__title) — то же для whitebox-заголовка. */
html body.scandi-no-hero section h2:not(.scandi-works__title):not(.scandi-whitebox__title),
html body.scandi-no-hero section h3:not(.scandi-works__title):not(.scandi-whitebox__title) {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(20px, 2.4vw, 26px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  margin-bottom: 12px !important;
}
html body.scandi-no-hero section p,
html body.scandi-no-hero section li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  margin-bottom: 12px !important;
}

/* ---------- SECTION FORM-VIEWING / VIEWING (просмотр объекта) ---------- */
html body .section-form-viewing,
html body .form-viewing,
html body section.form-viewing,
html body .cbform-viewing__wrap {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.12) 1px, transparent 1.5px),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
  background-size: 24px 24px, auto !important;
  padding: 80px 0 !important;
}

/* ============================================================
   FINAL POLISH v1.0 — детальные нюансы для премиальности
   ============================================================ */

/* ---------- DECORATIVE SECTION DIVIDER — gold line + eyebrow ---------- */
html body section.build-stages > .container::before,
html body section.our-works > .container::before,
html body section.about-company > .container::before,
html body section.realty-tour > .container::before,
html body section.block-with-video > .container::before {
  content: '' !important;
  display: block !important;
  width: 60px !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%) !important;
  margin: 0 auto 32px !important;
}

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

/* ---------- Smooth scroll behavior ---------- */
html {
  scroll-behavior: smooth !important;
}

/* ---------- Selection color — gold ---------- */
html body ::selection {
  background: rgba(193, 154, 91, 0.30) !important;
  color: #14100d !important;
}

/* ---------- Reduce text fade на dark sections (контраст) ---------- */
html body section.build-stages p,
html body section.our-works p,
html body section.block-with-video p,
html body section.realty-tour p,
html body section.rate-quality p {
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  line-height: 1.65 !important;
}

/* ---------- Section h2 underline accent (декоративный элемент) ---------- */
html body section.build-stages .section-title::after,
html body section.our-works .section-title::after,
html body section.about-company .section-title::after,
html body section.block-with-video .section-title::after,
html body section.cert-container .section-title::after,
html body section.realty-tour .section-title::after {
  content: '' !important;
  display: block !important;
  width: 80px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #d4ad6e 0%, #a67c3a 100%) !important;
  margin: 18px auto 0 !important;
  border-radius: 2px !important;
}

/* ---------- INPUTS focus glow — premium gold ---------- */
html body input:focus-visible,
html body textarea:focus-visible,
html body .select2-selection:focus-visible {
  outline: none !important;
  border-color: #a67c3a !important;
  box-shadow:
    0 0 0 3px rgba(166, 124, 58, 0.18),
    0 0 0 1px #a67c3a !important;
}

/* ---------- LINKS — consistent gold underline-on-hover ---------- */
html body section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):not(.scandi-burger) {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  transition: color 0.3s ease !important;
}
html body section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
}

/* В тёмных секциях — gold light */
html body section.build-stages a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
html body section.our-works a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
html body section.block-with-video a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
html body section.realty-tour a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item),
html body section.rate-quality a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item) {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
}

/* ---------- KILL old blue accents где парент ещё их использует ---------- */
html body [style*="color: #3F7BD4"],
html body [style*="color:#3F7BD4"],
html body [style*="background: #3F7BD4"],
html body [style*="background:#3F7BD4"] {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
}

/* SVG arrows from parent — пересветить золотом если возможно */
html body section svg path[fill="#3F7BD4"],
html body section svg circle[fill="#3F7BD4"],
html body section svg rect[fill="#3F7BD4"] {
  fill: #c19a5b !important;
}

/* ---------- HOUSE-INFO layout spacing fixes (single house page) ---------- */
html body .single-houses .house-info,
html body .single-houses #content,
html body div#house-info {
  padding: 80px 0 !important;
}
html body .single-houses .house-info h1,
html body .single-houses .house-info h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 16px !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
}

/* ---------- STEP2 PRICE CARDS specifically (on single house page) ---------- */
html body div#step2,
html body section.step2,
html body .step2 {
  padding: 80px 0 !important;
}
html body .step2 h2,
html body .step2 .step2-block-title,
html body .step2 .section-title,
html body .step2 [class*="title"] {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(26px, 3.6vw, 38px) !important;
  font-weight: 300 !important;
  text-align: center !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  margin-bottom: 48px !important;
  line-height: 1.2 !important;
}
html body .step2 h2 i,
html body .step2 h2 b,
html body .step2 .step2-block-title i,
html body .step2 .step2-block-title b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* ---------- VIDEO BLOCK on built houses — premium gold corners ---------- */
html body .object-list__videos,
html body .videos-list,
html body [class*="video-list"] {
  display: grid !important;
  gap: 16px !important;
}
html body .object-list__videos video,
html body .videos-list video,
html body video.lazyloaded {
  border-radius: 12px !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.30) !important;
}

/* ---------- BREADCRUMBS на dark секциях — light text ---------- */
html body section.realty-tour .breadcrumbs a,
html body section.our-works .breadcrumbs a,
html body section.build-stages .breadcrumbs a,
html body section.block-with-video .breadcrumbs a {
  color: rgba(243, 236, 220, 0.75) !important;
  -webkit-text-fill-color: rgba(243, 236, 220, 0.75) !important;
}

/* ---------- TABLE styling (если где-то таблица) ---------- */
html body table {
  border-collapse: collapse !important;
  width: 100% !important;
}
html body table th,
html body table td {
  border-bottom: 1px solid rgba(166, 124, 58, 0.18) !important;
  padding: 12px 16px !important;
  text-align: left !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
}
html body table th {
  font-weight: 700 !important;
  color: #1a1410 !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html body table td {
  color: #4a4035 !important;
  font-size: 14px !important;
}
html body section.build-stages table td,
html body section.our-works table td,
html body section.block-with-video table td {
  color: #c4b89f !important;
}

/* ---------- ICONS UNIVERSAL — bronze base, gold on hover ---------- */
html body section svg:not([class*="lucide"]):not(.scandi-burger__icon):not(.theme-toggle-icon) path[stroke="#3F7BD4"],
html body section svg:not(.scandi-burger__icon) path[fill="#3F7BD4"] {
  stroke: #a67c3a !important;
  fill: #a67c3a !important;
}

/* ---------- Special: section-list__item icons (parent uses blue) ---------- */
html body .section-list__item path[fill="#3F7BD4"],
html body .section-list__item path[stroke="#3F7BD4"] {
  fill: #a67c3a !important;
  stroke: #a67c3a !important;
}

/* ============================================================
   END OVERNIGHT REDESIGN v0.99
   ============================================================ */

/* ============================================================
   v1.2 — MORTGAGE & ABOUT COMPANY full rebuild
   Заменяем парент-разметку на наш premium editorial layout
   ============================================================ */

/* ---------- MORTGAGE-CALLING — full rebuild ---------- */
html body .mortgage-calling .scandi-mortgage,
html body div.mortgage-calling .scandi-mortgage {
  display: grid !important;
  grid-template-columns: 1.1fr 1fr !important;
  gap: 0 !important;
  background: #14100d !important;
  background-color: #14100d !important;
  background-image: none !important;
  border: 1px solid rgba(212, 173, 110, 0.35) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.10),
    0 32px 80px rgba(0, 0, 0, 0.45) !important;
  position: relative !important;
  isolation: isolate !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}
@media (max-width: 991px) {
  html body .mortgage-calling .scandi-mortgage {
    grid-template-columns: 1fr !important;
  }
}
html body .mortgage-calling .scandi-mortgage__media,
html body div.mortgage-calling .scandi-mortgage .scandi-mortgage__media {
  position: relative !important;
  overflow: hidden !important;
  min-height: 460px !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  background-color: #1a1410 !important;
  background-image: url('/wp-content/themes/karkasnye-doma-redesign/assets/mortgage/hero-family.webp') !important;
  background-size: cover !important;
  background-position: center 70% !important;
  background-repeat: no-repeat !important;
  isolation: isolate !important;
  display: block !important;
}
html body .mortgage-calling .scandi-mortgage__media > img,
html body div.mortgage-calling .scandi-mortgage .scandi-mortgage__media > img {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  inset: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  background: transparent !important;
}
/* Только тонкая виньетка-затемнение справа для перехода к тексту */
html body .mortgage-calling .scandi-mortgage__media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, transparent 0%, transparent 65%, rgba(20, 16, 13, 0.55) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
@media (max-width: 991px) {
  html body .mortgage-calling .scandi-mortgage__media::after {
    background: linear-gradient(180deg, transparent 0%, transparent 40%, rgba(20, 16, 13, 0.85) 100%) !important;
  }
}
html body .mortgage-calling .scandi-mortgage__body {
  padding: 56px 56px 48px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 24px !important;
  position: relative !important;
  z-index: 2 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
    linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%) !important;
}
@media (max-width: 768px) {
  html body .mortgage-calling .scandi-mortgage__body {
    padding: 36px 28px !important;
  }
}
html body .mortgage-calling .scandi-mortgage__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .mortgage-calling .scandi-mortgage__eyebrow::before {
  content: '' !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
}
html body .mortgage-calling .scandi-mortgage__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}
html body .mortgage-calling .scandi-mortgage__title b,
html body .mortgage-calling .scandi-mortgage__title strong {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .mortgage-calling .scandi-mortgage__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  margin: 0 !important;
  max-width: 480px !important;
}
html body .mortgage-calling .scandi-mortgage__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 4px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 20px !important;
}
@media (max-width: 600px) {
  html body .mortgage-calling .scandi-mortgage__list {
    grid-template-columns: 1fr !important;
  }
}
html body .mortgage-calling .scandi-mortgage__list li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
  padding: 0 0 0 28px !important;
  position: relative !important;
  margin: 0 !important;
}
html body .mortgage-calling .scandi-mortgage__list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  box-shadow: 0 2px 6px rgba(193, 154, 91, 0.40) !important;
}
html body .mortgage-calling .scandi-mortgage__list li::after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 10px !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid #14100d !important;
  border-bottom: 2px solid #14100d !important;
  transform: rotate(-45deg) !important;
}
/* Hero CTA «Рассчитать платёж» — primary fill, размер унифицирован с bank-кнопками
   (padding 13px 22px, font 12px / 600). Filled = primary, bank cards = outline. */
html body .mortgage-calling .scandi-mortgage__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  align-self: flex-start !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30) !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(.22,1,.36,1) !important;
  margin-top: 8px !important;
}
html body .mortgage-calling .scandi-mortgage__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 12px 32px rgba(193, 154, 91, 0.55),
    inset 0 -2px 4px rgba(20, 16, 13, 0.10) !important;
  filter: brightness(1.06) !important;
}
html body .mortgage-calling .scandi-mortgage__cta::after {
  content: '→' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  transition: transform 0.4s ease !important;
}
html body .mortgage-calling .scandi-mortgage__cta:hover::after {
  transform: translateX(4px) !important;
}
html body .mortgage-calling .scandi-mortgage__note {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin: 0 !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(193, 154, 91, 0.22) !important;
  line-height: 1.5 !important;
}
/* Parent .mortgage-calling__inner — превращаем в 2-колоночный grid */
html body .mortgage-calling .mortgage-calling__inner.container-card,
html body div.mortgage-calling .container-card.mortgage-calling__inner {
  display: grid !important;
  grid-template-columns: 1.1fr 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(212, 173, 110, 0.35) !important;
  border-top: 2px solid #c19a5b !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #14100d !important;
  background-image: none !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.10),
    0 32px 80px rgba(0, 0, 0, 0.45) !important;
  position: relative !important;
  isolation: isolate !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  min-height: 460px !important;
}
@media (max-width: 991px) {
  html body .mortgage-calling .mortgage-calling__inner.container-card,
  html body div.mortgage-calling .container-card.mortgage-calling__inner {
    grid-template-columns: 1fr !important;
  }
}

/* Левая колонка — preview с картинкой (порядок: первая) */
html body .mortgage-calling .mortgage-calling__preview {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: auto !important;
  height: 100% !important;
  min-height: 460px !important;
  overflow: hidden !important;
  background: #1a1410 !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 1 !important;
}
html body .mortgage-calling .mortgage-calling__preview .mortgage-calling__image,
html body .mortgage-calling img.mortgage-calling__image,
html body section.mortgage-calling .mortgage-calling__image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  inset: 0 !important;
  object-fit: cover !important;
  object-position: center 70% !important;
  filter: none !important;
  z-index: 1 !important;
  /* убиваем парент-transform/animation который смещает картинку */
  transform: none !important;
  -webkit-transform: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  transition: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Правая колонка — content (текст + кнопка) */
html body .mortgage-calling .mortgage-calling__content {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 24px !important;
  padding: 56px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(212, 173, 110, 0.18), transparent 60%),
    linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #14100d 100%) !important;
  position: relative !important;
  z-index: 2 !important;
  order: 2 !important;
  width: auto !important;
  height: auto !important;
}
@media (max-width: 768px) {
  html body .mortgage-calling .mortgage-calling__content {
    padding: 36px 28px !important;
  }
}

/* ---- Контент внутри .mortgage-calling__content ---- */
html body .mortgage-calling .scandi-mortgage__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .mortgage-calling .scandi-mortgage__eyebrow::before {
  content: '' !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
}
html body .mortgage-calling .scandi-mortgage__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  margin: 0 !important;
  line-height: 1.15 !important;
  font-style: normal !important;
  background: none !important;
  text-shadow: none !important;
  padding: 0 !important;
  border: 0 !important;
}
html body .mortgage-calling .scandi-mortgage__title b,
html body .mortgage-calling .scandi-mortgage__title strong {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #ffe5b8, #d4ad6e, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .mortgage-calling .scandi-mortgage__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  margin: 0 !important;
  max-width: 480px !important;
}
html body .mortgage-calling .scandi-mortgage__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 4px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 20px !important;
}
@media (max-width: 600px) {
  html body .mortgage-calling .scandi-mortgage__list {
    grid-template-columns: 1fr !important;
  }
}
html body .mortgage-calling .scandi-mortgage__list li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #d8cfba !important;
  -webkit-text-fill-color: #d8cfba !important;
  padding: 0 0 0 28px !important;
  position: relative !important;
  margin: 0 !important;
}
html body .mortgage-calling .scandi-mortgage__list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  box-shadow: 0 2px 6px rgba(193, 154, 91, 0.40) !important;
}
html body .mortgage-calling .scandi-mortgage__list li::after {
  content: '' !important;
  position: absolute !important;
  left: 5px !important;
  top: 8px !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid #14100d !important;
  border-bottom: 2px solid #14100d !important;
  transform: rotate(-45deg) !important;
}
/* Hero CTA «Рассчитать платёж» — primary fill, размер унифицирован с bank-кнопками
   (padding 13px 22px, font 12px / 600). Filled = primary, bank cards = outline. */
html body .mortgage-calling .scandi-mortgage__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  align-self: flex-start !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30) !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(.22,1,.36,1) !important;
  margin-top: 8px !important;
}
html body .mortgage-calling .scandi-mortgage__cta::after {
  content: '→' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  transition: transform 0.4s ease !important;
}
html body .mortgage-calling .scandi-mortgage__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 12px 32px rgba(193, 154, 91, 0.55),
    inset 0 -2px 4px rgba(20, 16, 13, 0.10) !important;
  filter: brightness(1.06) !important;
}
html body .mortgage-calling .scandi-mortgage__cta:hover::after {
  transform: translateX(4px) !important;
}
html body .mortgage-calling .scandi-mortgage__note {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin: 0 !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(193, 154, 91, 0.22) !important;
  line-height: 1.5 !important;
}
/* (Old override removed — теперь grid задан выше на .mortgage-calling__inner) */

/* ---------- ABOUT-COMPANY — full editorial rebuild ---------- */
html body .about-company {
  padding: 100px 0 60px !important;
  position: relative !important;
}
/* Smooth fade-out снизу about → переход в cert-container */
html body .about-company::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 80px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(247, 241, 230, 0.55) 60%, rgba(247, 241, 230, 0.85) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html body .about-company > * {
  position: relative !important;
  z-index: 2 !important;
}
/* cert-container — поднимаем чуть выше для overlap с about-fade */
html body section.cert-container,
html body .cert-container {
  margin-top: -40px !important;
  padding-top: 80px !important;
}
html body .about-company .scandi-about {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: grid !important;
  gap: 36px !important;
}

/* Тонкий gold-разделитель между блоками одной истории */
html body .about-company .scandi-divider {
  height: 1px !important;
  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%) !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 720px !important;
  position: relative !important;
}
html body .about-company .scandi-divider::before {
  content: '◆' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: #f7f1e6 !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  font-size: 8px !important;
  padding: 0 16px !important;
  letter-spacing: 0.4em !important;
  line-height: 1 !important;
}
/* Hero header */
html body .about-company .scandi-about__hero {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr !important;
  gap: 56px !important;
  align-items: end !important;
}
@media (max-width: 991px) {
  html body .about-company .scandi-about__hero {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}
html body .about-company .scandi-about__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .about-company .scandi-about__eyebrow::before {
  content: '' !important;
  width: 36px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #a67c3a, transparent) !important;
}
html body .about-company .scandi-about__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(34px, 5vw, 64px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  margin: 0 !important;
  line-height: 1.05 !important;
}
html body .about-company .scandi-about__title b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .about-company .scandi-about__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(15px, 1.3vw, 17px) !important;
  line-height: 1.7 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  margin: 0 !important;
}
/* Stats row — 4 big numbers */
html body .about-company .scandi-about__stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow:
    0 12px 36px rgba(120, 90, 50, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
@media (max-width: 991px) {
  html body .about-company .scandi-about__stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  html body .about-company .scandi-about__stats {
    grid-template-columns: 1fr !important;
  }
}
html body .about-company .scandi-about__stat {
  padding: 36px 28px !important;
  border-right: 1px solid rgba(166, 124, 58, 0.18) !important;
  position: relative !important;
}
@media (max-width: 991px) {
  html body .about-company .scandi-about__stat:nth-child(2n) {
    border-right: 0 !important;
  }
  html body .about-company .scandi-about__stat:nth-child(-n+2) {
    border-bottom: 1px solid rgba(166, 124, 58, 0.18) !important;
  }
}
html body .about-company .scandi-about__stat:last-child {
  border-right: 0 !important;
}
html body .about-company .scandi-about__stat-num {
  display: block !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(36px, 4vw, 56px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  line-height: 1 !important;
  margin: 0 0 10px !important;
}
html body .about-company .scandi-about__stat-label {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
/* TEAM SLIDER (replaces collage) — real employee photos */
html body .about-company .scandi-team {
  position: relative !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 36px rgba(120, 90, 50, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  padding: 48px 56px !important;
  overflow: hidden !important;
}
@media (max-width: 768px) {
  html body .about-company .scandi-team {
    padding: 32px 24px !important;
  }
}
html body .about-company .scandi-team__head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  margin-bottom: 32px !important;
  flex-wrap: wrap !important;
}
html body .about-company .scandi-team__intro {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* ============================================================
   OUR-WORKS — премиум editorial carousel (one project at a time)
   Парент-структура остаётся целой, мы её реструктурируем визуально.
   ============================================================ */
/* ── ЕДИНЫЙ ПОРТФОЛИО-БЛОК: cream → dark middle → cream === */
/* our-works: cream сверху → dark warm снизу.
   Phase 13 2026-05-26: `color: #d8cfba` сюда подтянут из удалённого root-блока
   на line ~3786 (он дублировался). Дочерние правила headings/p обычно
   переопределяют, но base color для inherit-цепочек остаётся. */
html body .our-works {
  padding: 70px 0 40px !important;
  margin-top: -40px !important;
  position: relative !important;
  color: #d8cfba !important;
  background:
    /* dot grid — A1.P8 fix 2026-05-27: alpha 0.12 → 0.05 to match
       .cert-container's dot pattern at the seam (was 5-RGB-unit lighter
       than cert-container's bottom edge). */
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    /* architectural large circles texture */
    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%),
    /* основной градиент cream → dark */
    linear-gradient(180deg,
      #f7f1e6 0%,
      #ebe1cd 8%,
      #c9b894 22%,
      #6c5238 45%,
      #3a2a1c 70%,
      #2a1f17 100%) !important;
  background-size: 24px 24px, auto, auto, auto !important;
}
html body .our-works::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    /* scandi mountain silhouettes */
    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>"),
    /* concentric circles like architectural drawings */
    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>") !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% 50%, 320px 320px !important;
  background-position: center bottom, 0 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.85 !important;
}
html body .our-works > * {
  position: relative !important;
  z-index: 2 !important;
}
html body .our-works::after { display: none !important; }
/* hide parent: swiper, title AND slider arrows (.slider-arrows) */
html body .our-works .swiper-container,
html body .our-works > .swiper,
html body .our-works > .container > .b-title.light.align-center,
html body .our-works .b-title.light.align-center,
html body .our-works .slider-arrows,
html body .our-works .slider-arrows-wrapper,
html body .our-works .slider-arrow,
html body .our-works .slider-arrow-prev,
html body .our-works .slider-arrow-next {
  display: none !important;
}

html body .scandi-works {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  position: relative !important;
  z-index: 2 !important;
}
html body .scandi-works__head {
  text-align: center !important;
  margin-bottom: 36px !important;
}
html body .scandi-works__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  /* dark warm-brown — readable on the cream/beige top of section gradient */
  color: #8d6627 !important;
  -webkit-text-fill-color: #8d6627 !important;
  margin: 0 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .scandi-works__eyebrow::before,
html body .scandi-works__eyebrow::after {
  content: '' !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #8d6627) !important;
}
html body .scandi-works__eyebrow::after {
  background: linear-gradient(90deg, #8d6627, transparent) !important;
}
html body .scandi-works__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  /* dark warm — readable on cream top of section gradient (not cream-on-cream) */
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 0 14px !important;
  line-height: 1.1 !important;
}
html body .scandi-works__title b {
  font-style: normal !important;
  font-weight: 600 !important;
  /* deeper gold accent — visible on cream */
  background: linear-gradient(135deg, #c19a5b, #a67c3a, #8d6627) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* ===== EDITORIAL GALLERY — modern architecture-publication aesthetic ===== */
/* Inspired by: Snøhetta, Vitra, Architectural Record. No book metaphor. Just confident
   editorial photography presentation on warm-dark canvas with gold accents. */

/* Viewport = single warm-dark card holding one project at a time */
html body .scandi-works__viewport {
  position: relative !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  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%) !important;
  border: 1px solid rgba(193, 154, 91, 0.22) !important;
  border-top: 1px solid rgba(193, 154, 91, 0.45) !important;
  border-bottom: 1px solid rgba(193, 154, 91, 0.45) !important;
  border-radius: 4px !important;
  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) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
/* gold corner ornaments — thin angle brackets at the four corners of the card */
html body .scandi-works__viewport::before,
html body .scandi-works__viewport::after {
  content: '' !important;
  position: absolute !important;
  width: 28px !important;
  height: 28px !important;
  pointer-events: none !important;
  z-index: 5 !important;
  border: 1px solid #c19a5b !important;
}
html body .scandi-works__viewport::before {
  top: 14px !important;
  left: 14px !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
html body .scandi-works__viewport::after {
  bottom: 14px !important;
  right: 14px !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
/* hide legacy decor */
html body .scandi-works__viewport > .scandi-works__seam,
html body .scandi-works__viewport > .scandi-works__corner,
html body .scandi-works__viewport > .scandi-works__page {
  display: none !important;
}
/* Track = stack of slides (only one visible via crossfade, no horizontal scroll) */
html body .scandi-works__track {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 560px !important;
  transform: none !important;
  transform-style: flat !important;
}
@media (max-width: 1199px) {
  html body .scandi-works__track {
    min-height: 600px !important;
  }
}
@media (max-width: 991px) {
  html body .scandi-works__track {
    min-height: 0 !important;
  }
}

/* SLIDE = absolute positioned, crossfade between projects */
html body .scandi-works__slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: grid !important;
  grid-template-columns: 1.55fr 1fr !important;
  gap: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  align-items: stretch !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: opacity 0.6s ease !important;
}
html body .scandi-works__slide.is-active {
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}
@media (max-width: 991px) {
  html body .scandi-works__slide {
    position: relative !important;
    inset: auto !important;
    grid-template-columns: 1fr !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    display: none !important;
  }
  html body .scandi-works__slide.is-active {
    display: grid !important;
  }
}

/* LEFT — full-bleed hero photo, no inner frame, just confident editorial photo */
html body .scandi-works__media {
  position: relative !important;
  background: #0e0a08 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
html body .scandi-works__hero {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  flex: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #0e0a08 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
@media (max-width: 991px) {
  html body .scandi-works__media {
    aspect-ratio: 16 / 10 !important;
  }
  html body .scandi-works__hero {
    position: absolute !important;
    inset: 0 !important;
  }
}
html body .scandi-works__hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: opacity 0.4s ease !important;
}
/* subtle dark gradient on the right edge of photo — bleeds into the info column */
html body .scandi-works__hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, transparent 0%, transparent 70%, rgba(20, 16, 13, 0.70) 100%) !important;
  pointer-events: none !important;
}
@media (max-width: 991px) {
  html body .scandi-works__hero::after { display: none !important; }
}

/* Photo nav arrows on hero (gold pill, visible on hover) */
html body .scandi-works__photo-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(20, 16, 13, 0.65) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(212, 173, 110, 0.50) !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  font-size: 16px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  transition: all 0.3s ease !important;
  opacity: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
html body .scandi-works__hero:hover .scandi-works__photo-nav,
html body .scandi-works__media:hover .scandi-works__photo-nav {
  opacity: 1 !important;
}
html body .scandi-works__photo-nav:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  transform: translateY(-50%) scale(1.10) !important;
}
html body .scandi-works__photo-nav--prev { left: 14px !important; }
html body .scandi-works__photo-nav--next { right: 14px !important; }

/* Photo dots — top-right of hero (so they don't collide with bottom-left badge) */
html body .scandi-works__dots {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  gap: 6px !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 6px 10px !important;
  background: rgba(20, 16, 13, 0.55) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 999px !important;
  z-index: 4 !important;
}
html body .scandi-works__dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(255, 252, 245, 0.40) !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
html body .scandi-works__dot.is-active {
  background: #d4ad6e !important;
  width: 22px !important;
  border-radius: 3px !important;
}

/* Hide the parent location chip (we use info-side .scandi-works__loc-link instead) */
html body .scandi-works__location {
  display: none !important;
}

/* RIGHT — editorial typography panel.
   justify-content: flex-start — контент сверху, не центрируется (иначе обрезается с обеих сторон при overflow).
   padding-bottom: 152px — резерв под absolute-позиционированный .scandi-works__ctas (см. ниже). */
html body .scandi-works__info {
  position: relative !important;
  margin: 0 !important;
  padding: 32px 36px 152px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html body .scandi-works__info::after { display: none !important; }
@media (max-width: 1199px) {
  html body .scandi-works__info {
    padding: 26px 22px !important;
    gap: 8px !important;
  }
}
@media (max-width: 991px) {
  html body .scandi-works__info {
    padding: 28px 22px !important;
  }
}

/* Decorative slide number — modest, doesn't dominate the panel */
html body .scandi-works__num {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(38px, 3.6vw, 54px) !important;
  font-weight: 200 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.85 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(135deg, rgba(255, 230, 180, 0.85), rgba(193, 154, 91, 0.55)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  margin: 0 0 2px !important;
  font-feature-settings: 'lnum' 1, 'tnum' 1 !important;
}
html body .scandi-works__num small {
  font-size: 0.32em !important;
  font-weight: 500 !important;
  letter-spacing: 0.20em !important;
  color: #a89c8a !important;
  -webkit-text-fill-color: #a89c8a !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  vertical-align: 0.7em !important;
  margin-left: 8px !important;
}

/* KD eyebrow line — small caps with gold rule */
html body .scandi-works__kd {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .scandi-works__kd::before {
  content: '' !important;
  width: 22px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c19a5b) !important;
}
html body .scandi-works__kd::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(193, 154, 91, 0.45), transparent) !important;
}

/* Project name — main heading on the right column */
html body .scandi-works__name {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(24px, 2.4vw, 30px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.20 !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  margin: 0 0 4px !important;
}

/* Location dashed link */
html body .scandi-works__loc-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: #a89c8a !important;
  -webkit-text-fill-color: #a89c8a !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(193, 154, 91, 0.40) !important;
  padding: 4px 0 5px !important;
  margin: 0 !important;
  transition: color 0.3s ease, border-color 0.3s ease !important;
  align-self: flex-start !important;
}
html body .scandi-works__loc-link:hover {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  border-bottom-color: #d4ad6e !important;
}
html body .scandi-works__loc-icon {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  font-size: 9px !important;
}
html body .scandi-works__loc-arrow {
  font-size: 11px !important;
  opacity: 0.6 !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
}
html body .scandi-works__loc-link:hover .scandi-works__loc-arrow {
  opacity: 1 !important;
  transform: translate(2px, -2px) !important;
}

/* Meta tags — chips with gold border on dark background */
html body .scandi-works__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 4px 0 8px !important;
}
html body .scandi-works__meta-item {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  background: rgba(193, 154, 91, 0.08) !important;
  border: 1px solid rgba(193, 154, 91, 0.30) !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
html body .scandi-works__meta-item b {
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  font-weight: 700 !important;
}

/* Included list — bigger, two columns, gold checkmarks */
html body .scandi-works__included-block {
  margin: 2px 0 !important;
}
html body .scandi-works__included-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin: 0 0 8px !important;
}
html body .scandi-works__included {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px 18px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 600px) {
  html body .scandi-works__included {
    grid-template-columns: 1fr !important;
  }
}
html body .scandi-works__included li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #c4b89f !important;
  -webkit-text-fill-color: #c4b89f !important;
  padding: 0 0 0 22px !important;
  position: relative !important;
  margin: 0 !important;
}
html body .scandi-works__included li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  width: 12px !important;
  height: 6px !important;
  border-left: 1.5px solid #c19a5b !important;
  border-bottom: 1.5px solid #c19a5b !important;
  transform: rotate(-45deg) !important;
}

/* Material palette — small swatches */
html body .scandi-works__palette {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 4px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(193, 154, 91, 0.18) !important;
}
html body .scandi-works__swatch {
  width: 16px !important;
  height: 16px !important;
  border-radius: 3px !important;
  display: inline-block !important;
  border: 1px solid rgba(255, 252, 245, 0.10) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30) !important;
  flex: 0 0 auto !important;
}
html body .scandi-works__palette-label {
  margin-left: 4px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
}

/* Two CTAs stacked — primary gold pill + outlined secondary.
   position: absolute прибивает кнопки к низу info-панели, гарантируя
   одинаковую Y-позицию на всех слайдах независимо от высоты контента сверху.
   See padding-bottom: 152px on .scandi-works__info — резерв под кнопки. */
html body .scandi-works__ctas {
  position: absolute !important;
  left: 36px !important;
  right: 36px !important;
  bottom: 32px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  max-width: 380px !important;
}
html body .scandi-works__ctas .scandi-works__cta {
  width: 100% !important;
  justify-content: center !important;
  align-self: stretch !important;
}
html body .scandi-works__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  align-self: flex-start !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 13px 24px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-top: 0 !important;
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1) !important;
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.32) !important;
}
html body .scandi-works__cta::after {
  content: '→' !important;
  font-size: 14px !important;
  transition: transform 0.4s ease !important;
}
html body .scandi-works__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(193, 154, 91, 0.50) !important;
  filter: brightness(1.06) !important;
}
html body .scandi-works__cta:hover::after {
  transform: translateX(4px) !important;
}
/* Outlined gold variant — secondary CTA (link to catalog project page) */
html body .scandi-works__cta--outline {
  background: transparent !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  border: 1px solid rgba(212, 173, 110, 0.55) !important;
  box-shadow: none !important;
  padding: 12px 22px !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
html body .scandi-works__cta--outline::after {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
}
html body .scandi-works__cta--outline:hover {
  background: rgba(212, 173, 110, 0.10) !important;
  border-color: #d4ad6e !important;
  transform: translateY(-1px) !important;
  filter: none !important;
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.20) !important;
}

/* Hero badge — "museum label" floating on hero photo (bottom-left).
   Acts as the third CTA — natural placement on the photo it describes. */
html body .scandi-works__hero-badge {
  position: absolute !important;
  left: 22px !important;
  bottom: 22px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 16px 10px 14px !important;
  background: rgba(20, 16, 13, 0.78) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
  border: 1px solid rgba(212, 173, 110, 0.45) !important;
  border-radius: 12px !important;
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  text-decoration: none !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  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) !important;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1) !important;
  max-width: calc(100% - 44px) !important;
}
@media (max-width: 991px) {
  html body .scandi-works__hero-badge {
    left: 12px !important;
    bottom: 12px !important;
    padding: 8px 14px 8px 12px !important;
    font-size: 11px !important;
  }
}
html body .scandi-works__hero-badge:hover {
  background: rgba(20, 16, 13, 0.92) !important;
  border-color: #d4ad6e !important;
  transform: translateY(-2px) !important;
  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) !important;
}
html body .scandi-works__hero-badge-icon {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  color: #d4ad6e !important;
}
html body .scandi-works__hero-badge-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1.20 !important;
}
html body .scandi-works__hero-badge-label small {
  display: block !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  margin-bottom: 2px !important;
}
html body .scandi-works__hero-badge-arrow {
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  font-size: 14px !important;
  transition: transform 0.3s ease !important;
}
html body .scandi-works__hero-badge:hover .scandi-works__hero-badge-arrow {
  transform: translateX(4px) !important;
}

/* Project navigation BELOW the viewport — prev/next + dot strip + counter */
html body .scandi-works__nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 28px !important;
  flex-wrap: wrap !important;
}
html body .scandi-works__btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(212, 173, 110, 0.40) !important;
  background: rgba(255, 252, 245, 0.04) !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  font-size: 18px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  line-height: 1 !important;
}
html body .scandi-works__btn:hover:not([disabled]) {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border-color: #c19a5b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.45) !important;
}
html body .scandi-works__btn[disabled] {
  opacity: 0.30 !important;
  cursor: not-allowed !important;
}

/* Project-dot strip — clickable jump to any project */
html body .scandi-works__projects {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}
html body .scandi-works__pdot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(193, 154, 91, 0.30) !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
html body .scandi-works__pdot.is-active {
  background: linear-gradient(135deg, #ffe5b8, #c19a5b) !important;
  width: 32px !important;
  border-radius: 4px !important;
}
html body .scandi-works__pdot:hover {
  background: rgba(212, 173, 110, 0.65) !important;
}

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

/* ---------- SMOOTH SECTION TRANSITIONS — fade gradient между секциями ---------- */
/* Light → Dark переходы */
html body .about-company,
html body .cert-container,
html body section.cbform-architect,
html body section.about-company {
  position: relative !important;
}
html body .about-company + .block-with-video,
html body .about-company + section.block-with-video,
html body .cert-container + .our-works,
html body .cert-container + section.our-works,
html body .cert-container + .block-with-video,
html body section.about-company + .block-with-video {
  position: relative !important;
}
html body .about-company + .block-with-video::before,
html body .cert-container + .our-works::before,
html body .cert-container + .block-with-video::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 80px !important;
  background: linear-gradient(180deg, rgba(20, 16, 13, 0.0) 0%, rgba(20, 16, 13, 0.18) 60%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Dark → Light переходы */
html body section.realty-tour + .cbform,
html body .realty-tour + .cbform,
html body .block-with-video + .cert-container,
html body .our-works + section.object-map {
  position: relative !important;
}

/* ---------- CERT-CONTAINER — premium grid с gold-frames ---------- */
html body section.cert-container,
html body .cert-container {
  padding: 100px 0 !important;
  position: relative !important;
}
/* Fix abrupt transitions — soft gradient fade в начале и в конце секции */
html body .cert-container::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 80px !important;
  background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, rgba(247, 241, 230, 0.4) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html body .cert-container::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100px !important;
  background: linear-gradient(180deg, rgba(247, 241, 230, 0) 0%, rgba(20, 16, 13, 0.06) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
html body .scandi-certs {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 2 !important;
  /* V2 2026-05-28: clip the 15-card flex track. Без этого .scandi-certs__track
     (~4787px) вытекал за viewport через visible-overflow родителей → лишний
     горизонтальный скролл на desktop (scrollWidth 1847 vs 1440). */
  overflow: hidden !important;
}
html body .scandi-certs__head {
  text-align: center !important;
  margin-bottom: 56px !important;
}
html body .scandi-certs__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html body .scandi-certs__eyebrow::before,
html body .scandi-certs__eyebrow::after {
  content: '' !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c19a5b) !important;
}
html body .scandi-certs__eyebrow::after {
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
}
html body .scandi-certs__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  margin: 0 0 14px !important;
  line-height: 1.1 !important;
}
html body .scandi-certs__title b {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .scandi-certs__lead {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
  margin: 0 auto !important;
  max-width: 680px !important;
}
/* Cert categories — group labels (Партнёры банков / Награды) */
html body .scandi-certs__group {
  margin-bottom: 56px !important;
}
html body .scandi-certs__group-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin: 0 0 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
html body .scandi-certs__group-title::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(166, 124, 58, 0.40), transparent) !important;
}
/* Carousel viewport — fixed 4 cards visible with arrow nav */
html body .scandi-certs__viewport {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
}
html body .scandi-certs__track {
  display: flex !important;
  gap: 24px !important;
  transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important;
  will-change: transform !important;
}
html body .scandi-certs__grid {
  /* deprecated: now using __viewport+__track */
  display: contents !important;
}
html body .scandi-certs__nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 32px !important;
}
html body .scandi-certs__btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(166, 124, 58, 0.35) !important;
  background: rgba(255, 252, 245, 0.85) !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-size: 20px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  box-shadow: 0 4px 14px rgba(120, 90, 50, 0.10) !important;
  line-height: 1 !important;
}
html body .scandi-certs__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border-color: #c19a5b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(193, 154, 91, 0.40) !important;
}
html body .scandi-certs__btn:disabled,
html body .scandi-certs__btn[aria-disabled="true"] {
  opacity: 0.35 !important;
  pointer-events: none !important;
}
html body .scandi-certs__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  letter-spacing: 0.06em !important;
  margin: 0 14px !important;
  min-width: 60px !important;
  text-align: center !important;
}
html body .scandi-certs__counter b {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-weight: 700 !important;
}
html body .scandi-certs__card {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 12px !important;
  padding: 16px 16px 18px !important;
  box-shadow:
    0 8px 24px rgba(120, 90, 50, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important;
  position: relative !important;
  cursor: pointer !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  flex: 0 0 calc((100% - 72px) / 4) !important;
}
@media (max-width: 991px) {
  html body .scandi-certs__card {
    flex: 0 0 calc((100% - 36px) / 3) !important;
  }
}
@media (max-width: 600px) {
  html body .scandi-certs__card {
    flex: 0 0 calc((100% - 14px) / 2) !important;
  }
}
html body .scandi-certs__card:hover {
  transform: translateY(-6px) scale(1.02) !important;
  border-color: rgba(166, 124, 58, 0.55) !important;
  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) !important;
  z-index: 3 !important;
}
html body .scandi-certs__card-image {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid rgba(166, 124, 58, 0.18) !important;
  margin-bottom: 12px !important;
}
html body .scandi-certs__card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  padding: 8px !important;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) !important;
}
html body .scandi-certs__card:hover .scandi-certs__card-image img {
  transform: scale(1.03) !important;
}
/* Hover overlay — gold magnify icon */
html body .scandi-certs__card-image::after {
  content: '⤢' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  font-size: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 24px rgba(193, 154, 91, 0.50) !important;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
html body .scandi-certs__card:hover .scandi-certs__card-image::after {
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
}
html body .scandi-certs__card-name {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  letter-spacing: 0.02em !important;
}
html body .scandi-certs__card-meta {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 6px 0 0 !important;
  text-align: center !important;
}

/* Hide старый swiper */
html body .cert-container > .swiper-container,
html body .cert-container > .top {
  display: none !important;
}

/* Lightbox для cert-card preview */
html body .scandi-cert-lightbox {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(20, 16, 13, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
  cursor: zoom-out !important;
  padding: 40px !important;
}
html body .scandi-cert-lightbox.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}
html body .scandi-cert-lightbox img {
  max-width: 90vw !important;
  max-height: 88vh !important;
  border-radius: 12px !important;
  border: 2px solid rgba(193, 154, 91, 0.45) !important;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.60) !important;
  background: #fff !important;
  padding: 16px !important;
}
html body .scandi-cert-lightbox__close {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border: none !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 24px rgba(193, 154, 91, 0.40) !important;
  transition: transform 0.3s ease !important;
}
html body .scandi-cert-lightbox__close:hover {
  transform: scale(1.1) !important;
}

/* ---------- VIDEO BLOCK В ABOUT-COMPANY — premium framed video player ---------- */
html body .about-company .scandi-video {
  max-width: 1100px !important;
  margin: 0 auto 56px !important;
  padding: 0 !important;
  position: relative !important;
}
html body .about-company .scandi-video__head {
  text-align: center !important;
  margin-bottom: 28px !important;
}
html body .about-company .scandi-video__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
html body .about-company .scandi-video__eyebrow::before,
html body .about-company .scandi-video__eyebrow::after {
  content: '' !important;
  width: 28px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c19a5b) !important;
}
html body .about-company .scandi-video__eyebrow::after {
  background: linear-gradient(90deg, #c19a5b, transparent) !important;
}
html body .about-company .scandi-video__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(26px, 3.4vw, 38px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}
html body .about-company .scandi-video__title b,
html body .about-company .scandi-video__title strong {
  font-style: normal !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
/* Видео-frame с gold-окантовкой */
html body .about-company .scandi-video__frame {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #14100d !important;
  border: 2px solid rgba(193, 154, 91, 0.45) !important;
  box-shadow:
    0 0 0 1px rgba(212, 173, 110, 0.30),
    0 0 0 8px rgba(212, 173, 110, 0.06),
    0 24px 64px rgba(120, 90, 50, 0.28),
    inset 0 1px 0 rgba(255, 230, 180, 0.08) !important;
  aspect-ratio: 16 / 9 !important;
  isolation: isolate !important;
}
html body .about-company .scandi-video__frame::before {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #d4ad6e 0%, transparent 30%, transparent 70%, #a67c3a 100%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
html body .about-company .scandi-video__player,
html body .about-company .scandi-video__player video,
html body .about-company .scandi-video video.scandi-video__player {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  background: #14100d !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

/* Hide original .block-with-video section since we moved it inline */
html body .block-with-video.scandi-moved {
  display: none !important;
}

/* ---------- TEAM HERO — collage + флоат-карточки вокруг ---------- */
html body .about-company .scandi-team-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 24px !important;
  align-items: center !important;
  max-width: 1100px !important;
  margin: 0 auto 56px !important;
  padding: 20px 0 !important;
}
@media (max-width: 991px) {
  html body .about-company .scandi-team-hero {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto !important;
  }
}
@media (max-width: 600px) {
  html body .about-company .scandi-team-hero {
    grid-template-columns: 1fr !important;
  }
}

/* Floating carousel cards around the central collage */
html body .about-company .scandi-team-hero__card {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-top: 2px solid #a67c3a !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  box-shadow:
    0 8px 24px rgba(120, 90, 50, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
  transition: all 0.4s ease !important;
  position: relative !important;
}
html body .about-company .scandi-team-hero__card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 16px 36px rgba(120, 90, 50, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
html body .about-company .scandi-team-hero__card-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(212, 173, 110, 0.20), rgba(166, 124, 58, 0.10)) !important;
  border: 1px solid rgba(193, 154, 91, 0.40) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin-bottom: 12px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
html body .about-company .scandi-team-hero__card-title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 0 6px !important;
}
html body .about-company .scandi-team-hero__card-text {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  margin: 0 !important;
  font-weight: 500 !important;
}
html body .about-company .scandi-team-hero__card-text b {
  font-weight: 700 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Layout: 4 cards in 4 corners, collage in center */
html body .about-company .scandi-team-hero__card--tl {
  grid-column: 1 !important;
  grid-row: 1 !important;
  text-align: right !important;
}
html body .about-company .scandi-team-hero__card--tr {
  grid-column: 3 !important;
  grid-row: 1 !important;
}
html body .about-company .scandi-team-hero__card--bl {
  grid-column: 1 !important;
  grid-row: 2 !important;
  text-align: right !important;
}
html body .about-company .scandi-team-hero__card--br {
  grid-column: 3 !important;
  grid-row: 2 !important;
}
@media (max-width: 991px) {
  html body .about-company .scandi-team-hero__card--tl,
  html body .about-company .scandi-team-hero__card--tr,
  html body .about-company .scandi-team-hero__card--bl,
  html body .about-company .scandi-team-hero__card--br {
    text-align: left !important;
  }
  html body .about-company .scandi-team-hero__card--tl { grid-column: 1; grid-row: 2; }
  html body .about-company .scandi-team-hero__card--tr { grid-column: 2; grid-row: 2; }
  html body .about-company .scandi-team-hero__card--bl { grid-column: 1; grid-row: 3; }
  html body .about-company .scandi-team-hero__card--br { grid-column: 2; grid-row: 3; }
}
@media (max-width: 600px) {
  html body .about-company .scandi-team-hero__card--tl,
  html body .about-company .scandi-team-hero__card--tr,
  html body .about-company .scandi-team-hero__card--bl,
  html body .about-company .scandi-team-hero__card--br {
    grid-column: 1 !important;
  }
}

/* .scandi-collage / __center / __badge / __sat (about-company)
   — DELETED 2026-05-26 per Phase 0 cleanup. About-company is rebuilt via
   .scandi-about__* namespace (lines ~9805+ and ~11800+ later in this file).
   No PHP or JS emitter ever injected .scandi-collage classes. Was ~100 lines. */
html body .about-company .scandi-team__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}
html body .about-company .scandi-team__title b {
  font-weight: 600 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .about-company .scandi-team__nav {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
html body .about-company .scandi-team__btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  background: rgba(255, 252, 245, 0.85) !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  box-shadow: 0 4px 12px rgba(120, 90, 50, 0.10) !important;
}
html body .about-company .scandi-team__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border-color: #c19a5b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(193, 154, 91, 0.40) !important;
}
html body .about-company .scandi-team__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  letter-spacing: 0.06em !important;
  margin: 0 12px !important;
  min-width: 50px !important;
  text-align: center !important;
}
html body .about-company .scandi-team__counter b {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-weight: 700 !important;
}
html body .about-company .scandi-team__viewport {
  overflow: hidden !important;
  position: relative !important;
}
html body .about-company .scandi-team__track {
  display: flex !important;
  gap: 20px !important;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1) !important;
  will-change: transform !important;
}
html body .about-company .scandi-team__card {
  flex: 0 0 calc((100% - 60px) / 4) !important;
  display: flex !important;
  flex-direction: column !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7f1e6 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08) !important;
}
@media (max-width: 991px) {
  html body .about-company .scandi-team__card {
    flex: 0 0 calc((100% - 40px) / 3) !important;
  }
}
@media (max-width: 768px) {
  html body .about-company .scandi-team__card {
    flex: 0 0 calc((100% - 20px) / 2) !important;
  }
}
@media (max-width: 480px) {
  html body .about-company .scandi-team__card {
    flex: 0 0 100% !important;
  }
}
html body .about-company .scandi-team__card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(166, 124, 58, 0.50) !important;
  box-shadow: 0 16px 32px rgba(120, 90, 50, 0.18) !important;
}
html body .about-company .scandi-team__photo {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #ebe1cd, #d4c5ad) !important;
}
html body .about-company .scandi-team__photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1) !important;
  filter: saturate(1.05) !important;
}
html body .about-company .scandi-team__card:hover .scandi-team__photo img {
  transform: scale(1.04) !important;
}
html body .about-company .scandi-team__info {
  padding: 18px 20px 22px !important;
  border-top: 1px solid rgba(166, 124, 58, 0.18) !important;
  background: rgba(255, 252, 245, 0.85) !important;
}
html body .about-company .scandi-team__name {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  margin: 0 0 4px !important;
  line-height: 1.25 !important;
}
html body .about-company .scandi-team__role {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
/* Quote — компактный inline блок (под stats, перед video) */
html body .about-company .scandi-quotes {
  position: relative !important;
  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%) !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  border-left: 4px solid #c19a5b !important;
  border-radius: 16px !important;
  padding: 28px 48px 28px 40px !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 28px !important;
  align-items: center !important;
  min-height: 140px !important;
  overflow: hidden !important;
  margin: 0 !important;
  box-shadow:
    0 8px 28px rgba(120, 90, 50, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}
@media (max-width: 768px) {
  html body .about-company .scandi-quotes {
    grid-template-columns: 1fr !important;
    padding: 24px 20px !important;
    gap: 14px !important;
  }
}
html body .about-company .scandi-quotes__avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border: 2px solid #c19a5b !important;
  box-shadow: 0 4px 12px rgba(193, 154, 91, 0.30) !important;
  background: linear-gradient(135deg, #ebe1cd, #d4c5ad) !important;
  position: relative !important;
}
html body .about-company .scandi-quotes__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: opacity 0.4s ease !important;
}
@media (max-width: 768px) {
  html body .about-company .scandi-quotes__avatar {
    width: 56px !important;
    height: 56px !important;
  }
}
html body .about-company .scandi-quotes__body {
  position: relative !important;
  min-height: 90px !important;
}
html body .about-company .scandi-quotes__text {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(14px, 1.2vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.005em !important;
  font-style: italic !important;
}
html body .about-company .scandi-quotes__author {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
html body .about-company .scandi-quotes__author small {
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  font-size: 11px !important;
}
/* Nav (prev/next + counter) */
html body .about-company .scandi-quotes__nav {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  z-index: 4 !important;
}
html body .about-company .scandi-quotes__btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  background: rgba(255, 252, 245, 0.85) !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  line-height: 1 !important;
}
html body .about-company .scandi-quotes__btn:hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border-color: #c19a5b !important;
}
html body .about-company .scandi-quotes__counter {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  letter-spacing: 0.06em !important;
  margin: 0 6px !important;
  min-width: 30px !important;
  text-align: center !important;
}
html body .about-company .scandi-quotes__counter b {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-weight: 700 !important;
}
/* Decorative quote mark in corner */
html body .about-company .scandi-quotes::after {
  content: '\201C' !important;
  position: absolute !important;
  bottom: -8px !important;
  right: 22px !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 100px !important;
  line-height: 0.6 !important;
  color: rgba(193, 154, 91, 0.15) !important;
  -webkit-text-fill-color: rgba(193, 154, 91, 0.15) !important;
  font-weight: 600 !important;
  pointer-events: none !important;
}
html body .about-company .scandi-about__quote {
  display: none !important;
}
html body .about-company .scandi-about__quote-mark {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 100px !important;
  line-height: 0.6 !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
html body .about-company .scandi-about__quote-text {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  margin: 0 0 18px !important;
  letter-spacing: -0.01em !important;
}
html body .about-company .scandi-about__quote-author {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  margin: 0 !important;
}
html body .about-company .scandi-about__quote-author small {
  display: block !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}
/* hide parent's old about content */
html body .about-company > .container > .b-title.light.align-center,
html body .about-company > .container > .in,
html body .about-company .b-title.light.align-center,
html body .about-company .in {
  display: none !important;
}
/* keep parent's old swiper if exists, but our scandi-about wrapper takes over */
html body .about-company .scandi-about {
  display: grid !important;
}

/* ═══════════════════════════════════════════════════════════════════════
/* ═══════════════════════════════════════════════════════════════════════
   FINAL FORM (.cbform) — «Остались вопросы»
   ──────────────────────────────────────────────────────────────────────
   Два объекта в едином flex/grid wrapper, align: end (anchored к низу):
     1. Form-card (dark, gold border) — слева, 1fr ширина, высота от content
     2. Ирина (cutout с прозрачным фоном) — справа, 320px ширина, natural aspect
   Form-card имеет margin-right: -80px → её правый край физически уезжает
   ПОД тело Ирины (форма входит в Ирину).
   Wrapper height = max(form, photo natural) = Ирина натурально 550px.
   Form-card стоит на нижнем крае wrapper (align-self: end).
   ═══════════════════════════════════════════════════════════════════════ */

/* Hide parent rendering */
html body .cbform > .container > .in,
html body .cbform > .container > h2,
html body .cbform > .container > .b-title,
html body .cbform > .container > form.form-style {
  display: none !important;
}

/* Section cream — чуть темнее (более насыщенный) чтобы белая card выделялась */
html body .cbform {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
    linear-gradient(180deg, #ede2c8 0%, #e3d4b1 60%, #d4c194 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 50px 0 40px !important;
  position: relative !important;
  overflow: visible !important;
}
@media (max-width: 768px) {
  html body .cbform {
    padding: 32px 0 24px !important;
  }
}

html body section.cbform .container,
html body .cbform .container {
  max-width: 980px !important;
  padding: 0 20px !important;
}
@media (max-width: 768px) {
  html body section.cbform .container,
  html body .cbform .container {
    padding: 0 16px !important;
  }
}

/* ─── WRAPPER — grid: form (1fr) | manager (320px); align-items end ───── */
/* ─── FORM CARD (panel) — dark, gold border, более глубокий overlap c Ириной ─ */
/* CREAM CARD — белая для контраста с cream section + заметная тень и border */
/* ::before — отключен: вместо gold-glow line используем border-top 3px gold */
/* Intent */
/* ─── FORM FIELDS — 2-col grid ────────────────────────────────────────── */
/* Footer — CTA на всю ширину, privacy под ней (центрированно) */
/* ═══════════════════════════════════════════════════════════════════
   IRINA — внутри grid, align-self: end (нижний край = нижний край wrapper).
   Натуральные пропорции: width 320, height auto = ~550 (594×1022 ratio).
   Прозрачный фон → видно cream section через transparent области.
   z-index 2 → тело Ирины ВЕРХУ карточки формы (форма ВХОДИТ под Ирину).
   ═══════════════════════════════════════════════════════════════════ */
/* Photo — natural ratio, width 100% column = 320, height auto = ~550 */
/* Pill name card — у ног Ирины */
/* ===== SEO BLOCK (.block-text) «О компании» — CREAM section (общая стратегия) ===== */
html body .block-text,
html body 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%) !important;
  background-size: 28px 28px, auto !important;
  padding: 40px 0 60px !important;
  position: relative !important;
}
html body .block-text .container {
  max-width: 980px !important;
  padding: 0 32px !important;
}
html body .block-text .block-text-wrapper,
html body .block-text .in,
html body .block-text .left-full {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .block-text .text-in[style*="none"] {
  display: none !important;
}
/* Card-обёртка — cream gradient + gold border + gold-glow line поверх */
html body .block-text .scandi-seo {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(250, 243, 225, 0.92) 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.24) !important;
  border-radius: 14px !important;
  box-shadow:
    0 8px 24px rgba(120, 90, 50, 0.10),
    0 2px 8px rgba(120, 90, 50, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}
html body .block-text .scandi-seo::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(166, 124, 58, 0.45) 50%, transparent) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
html body .block-text .scandi-seo__inner {
  padding: 56px 64px 48px !important;
  position: relative !important;
}
@media (max-width: 991px) {
  html body .block-text .scandi-seo__inner {
    padding: 40px 28px 32px !important;
  }
}

/* Eyebrow — pill в crème palette */
html body .block-text .scandi-seo__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  background: rgba(212, 173, 110, 0.12) !important;
  border: 1px solid rgba(166, 124, 58, 0.38) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  margin: 0 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  align-self: flex-start !important;
}
html body .block-text .scandi-seo__eyebrow::before {
  content: none !important;
  display: none !important;
}

/* Title — dark with gold gradient on <b> */
html body .block-text .scandi-seo__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 0 28px !important;
}
html body .block-text .scandi-seo__title b,
html body .block-text .scandi-seo__title i {
  font-style: normal !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Lead — dark muted on cream */
html body .block-text .scandi-seo__lead p {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  margin: 0 0 14px !important;
  letter-spacing: 0.01em !important;
}

/* Rest — collapsible */
html body .block-text .scandi-seo__rest {
  position: relative !important;
  overflow: hidden !important;
  transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1) !important;
  max-height: 9999px !important;
}
html body .block-text .scandi-seo__rest[data-collapsed="1"] {
  max-height: 0 !important;
}
html body .block-text .scandi-seo__rest h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 32px 0 12px !important;
  padding-left: 16px !important;
  border-left: 2px solid #c19a5b !important;
}
html body .block-text .scandi-seo__rest h3 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  color: #2a201a !important;
  -webkit-text-fill-color: #2a201a !important;
  margin: 24px 0 8px !important;
}
html body .block-text .scandi-seo__rest p,
html body .block-text .scandi-seo__rest li {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
  margin: 0 0 12px !important;
}
html body .block-text .scandi-seo__rest a {
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.35) !important;
  transition: color 0.3s ease, border-color 0.3s ease !important;
}
html body .block-text .scandi-seo__rest a:hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  border-bottom-color: #c19a5b !important;
}

/* Toggle button — outline-gold pill */
html body .block-text .scandi-seo__toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 22px !important;
  padding: 12px 22px !important;
  background: transparent !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  border: 1px solid rgba(166, 124, 58, 0.50) !important;
  border-radius: 999px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1) !important;
}
html body .block-text .scandi-seo__toggle:hover {
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  border-color: transparent !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.30) !important;
}
html body .block-text .scandi-seo__toggle-icon {
  display: inline-block !important;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1) !important;
  font-size: 14px !important;
}
html body .block-text .scandi-seo__toggle[aria-expanded="true"] .scandi-seo__toggle-icon {
  transform: rotate(180deg) !important;
}

/* ============================================================
   Final form WITH MANAGER — REMOVED 2026-05-20
   Старый дизайн с Ириной поверх формы (absolute right:0 + panel
   margin-right:180px + accents absolute) убран. Чистый компактный
   layout живёт выше — секция «FINAL FORM (.cbform)».
   ============================================================ */

/* CATALOG FORM scandi-catalog-form__* — REMOVED 2026-05-21
   Был мой child-override который ломал layout. Откатил, parent рендерит
   оригинальную .in/.left/.right разметку с CSS на #cbform-get-catalog выше. */

/* ============================================================
   REVIEW-LAB WIDGET — scandi editorial restyle
   The widget (review-lab.ru) renders into <review-lab> container
   with classes .review-lab-widget, .review, .widget__tab etc.
   We override its visuals to match our cream/warm + gold brand.
   ============================================================ */

/* Container around the widget — match section bg, max-width, padding */
html body review-lab,
html body .review-lab-widget {
  display: block !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  color: #1f1612 !important;
}

/* Widget header — "106 отзывов из 3 источников" + filter tabs */
html body .review-lab-widget .widget__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 36px !important;
}

/* Count "106 отзывов из 3 источников" */
html body .review-lab-widget .widget__count {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  margin: 0 !important;
}

/* Filter tabs strip */
html body .review-lab-widget .widget__tabs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Individual tab — outlined gold pill, inactive */
html body .review-lab-widget .widget__tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  background: transparent !important;
  border: 1px solid rgba(193, 154, 91, 0.32) !important;
  border-radius: 999px !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
}
html body .review-lab-widget .widget__tab:hover {
  background: rgba(193, 154, 91, 0.10) !important;
  border-color: #c19a5b !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
}

/* Active tab — filled gold */
html body .review-lab-widget .widget__tab_active,
html body .review-lab-widget .widget__tab.widget__tab_active {
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  border-color: transparent !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  box-shadow: 0 6px 18px rgba(193, 154, 91, 0.32) !important;
}

/* Tab rating (4.8 etc) — keep aligned, dim */
html body .review-lab-widget .widget__tab--rating,
html body .review-lab-widget .widget__tab-name + * {
  font-weight: 600 !important;
  opacity: 0.85 !important;
}

/* Reviews grid */
html body .review-lab-widget .reviews {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
@media (max-width: 991px) {
  html body .review-lab-widget .reviews {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 600px) {
  html body .review-lab-widget .reviews {
    grid-template-columns: 1fr !important;
  }
}

/* Individual review card — cream paper with gold accents */
html body .review-lab-widget .review {
  background:
    linear-gradient(135deg, #fdf9ef 0%, #fbf6ec 60%, #f8efd9 100%) !important;
  border: 1px solid rgba(193, 154, 91, 0.28) !important;
  border-top: 1px solid rgba(212, 173, 110, 0.50) !important;
  border-radius: 8px !important;
  padding: 22px 22px 18px !important;
  box-shadow:
    0 0 0 1px rgba(255, 252, 245, 0.40),
    0 12px 28px rgba(120, 90, 50, 0.10),
    0 4px 10px rgba(120, 90, 50, 0.06) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  position: relative !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
html body .review-lab-widget .review:hover {
  transform: translateY(-3px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 252, 245, 0.50),
    0 16px 36px rgba(120, 90, 50, 0.16),
    0 6px 14px rgba(120, 90, 50, 0.10) !important;
}

/* Review header — avatar + name/date */
html body .review-lab-widget .review__header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Avatar circle — keep colored bg from widget but add gold-ring */
html body .review-lab-widget .review__photo {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(193, 154, 91, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(255, 230, 180, 0.40),
    0 2px 6px rgba(120, 90, 50, 0.18) !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Reviewer name */
html body .review-lab-widget .review__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

/* Review date */
html body .review-lab-widget .review__date {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #786e60 !important;
  -webkit-text-fill-color: #786e60 !important;
  letter-spacing: 0.01em !important;
  margin: 2px 0 0 !important;
}

/* Stars rating — gold */
html body .review-lab-widget .review__rating {
  display: inline-flex !important;
  gap: 2px !important;
  margin: 0 !important;
}
html body .review-lab-widget .review__rating svg,
html body .review-lab-widget .review__rating path {
  fill: #d4ad6e !important;
  color: #d4ad6e !important;
}

/* Review text */
html body .review-lab-widget .review__text {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
  margin: 0 !important;
  letter-spacing: 0.005em !important;
}

/* "Ещё" link */
html body .review-lab-widget .review__more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  transition: color 0.25s ease !important;
}
html body .review-lab-widget .review__more:hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
}

/* Review footer — "Отзыв из Google" link */
html body .review-lab-widget .review__footer {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(166, 124, 58, 0.18) !important;
}
html body .review-lab-widget .review__src {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(166, 124, 58, 0.40) !important;
  padding-bottom: 2px !important;
  transition: color 0.25s ease, border-color 0.25s ease !important;
}
html body .review-lab-widget .review__src:hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  border-bottom-color: #c19a5b !important;
}

/* Widget footer — pagination dots + arrows */
html body .review-lab-widget .widget__footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: 32px !important;
}

/* Pagination dots */
html body .review-lab-widget .widget__point {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(166, 124, 58, 0.32) !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin: 0 3px !important;
}
html body .review-lab-widget .widget__point_active {
  background: linear-gradient(135deg, #ffe5b8, #c19a5b) !important;
  width: 28px !important;
  border-radius: 4px !important;
}
html body .review-lab-widget .widget__point:hover:not(.widget__point_active) {
  background: rgba(212, 173, 110, 0.55) !important;
}

/* Navigator arrows (prev/next) */
html body .review-lab-widget .navigator,
html body .review-lab-widget .widget__footer button:not(.widget__point) {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(193, 154, 91, 0.40) !important;
  background: transparent !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  font-size: 18px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
}
html body .review-lab-widget .navigator:hover,
html body .review-lab-widget .widget__footer button:not(.widget__point):hover {
  background: linear-gradient(135deg, #d4ad6e, #a67c3a) !important;
  color: #14100d !important;
  -webkit-text-fill-color: #14100d !important;
  border-color: transparent !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(193, 154, 91, 0.40) !important;
}

/* "Все отзывы" / "Оставить отзыв" links if shown */
html body .review-lab-widget .widget__all-reviews,
html body .review-lab-widget .widget__leave-link,
html body .review-lab-widget .widget__show-more {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.40) !important;
  padding-bottom: 2px !important;
  cursor: pointer !important;
}
html body .review-lab-widget .widget__all-reviews:hover,
html body .review-lab-widget .widget__leave-link:hover,
html body .review-lab-widget .widget__show-more:hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  border-bottom-color: #c19a5b !important;
}

/* Style the section title "Отзывы наших заказчиков" (parent .title-new) above */
html body .catalog.no-padding-bottom .title-new,
html body .catalog .title-new h2 {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: clamp(28px, 3.6vw, 40px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  text-align: center !important;
  margin: 0 0 28px !important;
}

/* ============================================================
   CATALOG CARD — kill parent-theme hover-arrow circle
   ============================================================ */
/* Parent theme рисует круглый .card-arrow (32×32 border-radius:50%) в
   правом нижнем углу карточки при hover. Перебивает наш overlay-flow и
   выглядит лишним (мы вместо этого показываем нижнюю полосу с двумя CTA). */
html body #catalog .catalog-item .card-arrow,
html body #catalog a.catalog-item .card-arrow {
  display: none !important;
  visibility: hidden !important;
}

/* ============================================================
   CATALOG CARD — editorial hover bar (slide-up from bottom of image)
   ============================================================ */
/* Тонкая нижняя полоса с двумя текстовыми ссылками, разделёнными
   золотой вертикальной волосяной линией. Никаких "кнопок" с фонами —
   premium editorial вид (как у Aperture / Wallpaper Magazine).
   Полоса всегда в DOM, но скрыта (translateY 100%). На hover — выезжает
   снизу с плавным cubic-bezier. JS-обработчики в
   `js/scandi-redesign.js → enhanceCatalogCardHover`. */
html body #catalog .catalog-item .scandi-card-overlay {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  display: flex !important;
  align-items: stretch !important;
  height: 58px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(180deg,
    rgba(20, 16, 13, 0) 0%,
    rgba(20, 16, 13, 0.78) 35%,
    rgba(20, 16, 13, 0.94) 100%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.05) !important;
  backdrop-filter: blur(8px) saturate(1.05) !important;
  transform: translateY(100%) !important;
  opacity: 0 !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
  pointer-events: none !important;
  z-index: 5 !important;
  border-top: 1px solid rgba(212, 173, 110, 0.28) !important;
  box-shadow: 0 -14px 28px -10px rgba(20, 16, 13, 0.75) !important;
}
html body #catalog .catalog-item:hover .scandi-card-overlay,
html body #catalog .catalog-item:focus-within .scandi-card-overlay {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

/* Тонкий gold accent сверху полосы — выезжает следом за полосой */
html body #catalog .catalog-item .scandi-card-overlay::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: 50% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, #d4ad6e 50%, transparent 100%) !important;
  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 !important;
  pointer-events: none !important;
}
html body #catalog .catalog-item:hover .scandi-card-overlay::before {
  left: 12% !important;
  right: 12% !important;
}

/* Текстовая ссылка — без рамок, без фона. Кликабельна. */
html body #catalog .catalog-item .scandi-card-overlay__btn {
  pointer-events: auto !important;
  flex: 1 1 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  color: #f5e9d4 !important;
  -webkit-text-fill-color: #f5e9d4 !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  transition: color 0.25s ease, background-color 0.25s ease, letter-spacing 0.3s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55) !important;
}
html body #catalog .catalog-item .scandi-card-overlay__btn:hover {
  color: #f5d294 !important;
  -webkit-text-fill-color: #f5d294 !important;
  background-color: rgba(212, 173, 110, 0.06) !important;
  letter-spacing: 0.22em !important;
}
/* Анимированное gold-подчёркивание под текстом при hover */
html body #catalog .catalog-item .scandi-card-overlay__btn::after {
  content: '' !important;
  position: absolute !important;
  bottom: 16px !important;
  left: 50% !important;
  width: 0 !important;
  height: 1px !important;
  background: #d4ad6e !important;
  transition: width 0.3s ease, left 0.3s ease !important;
  pointer-events: none !important;
}
html body #catalog .catalog-item .scandi-card-overlay__btn:hover::after {
  width: 30px !important;
  left: calc(50% - 15px) !important;
}
html body #catalog .catalog-item .scandi-card-overlay__btn:focus-visible {
  outline: 1px solid #d4ad6e !important;
  outline-offset: -3px !important;
}

/* (подчёркивание убрано — теперь у каждой кнопки своя иконка/стрелка) */

/* Золотая разделительная волосяная линия между двумя ссылками */
html body #catalog .catalog-item .scandi-card-overlay__sep {
  display: block !important;
  width: 1px !important;
  align-self: center !important;
  height: 22px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(212, 173, 110, 0.55) 50%, transparent 100%) !important;
  flex: 0 0 1px !important;
}

/* На мобильных: полоса всегда видна (нет hover-возможности на touch). */
@media (max-width: 768px) {
  html body #catalog .catalog-item .scandi-card-overlay {
    transform: translateY(0) !important;
    opacity: 1 !important;
    height: 44px !important;
    background: linear-gradient(180deg, rgba(20,16,13,0.4) 0%, rgba(20,16,13,0.85) 100%) !important;
  }
  html body #catalog .catalog-item .scandi-card-overlay::before {
    left: 12% !important;
    right: 12% !important;
  }
  html body #catalog .catalog-item .scandi-card-overlay__btn {
    font-size: 10.5px !important;
    letter-spacing: 0.14em !important;
  }
}

/* ============================================================
   CATALOG CARD — elegant aside under photo (price ₽/м²)
   ============================================================ */
/* Декоративный блок в правой части .desc: заполняет пустоту справа,
   проявляется при hover карточки. Cormorant italic для премиум-ощущения.
   Содержит:
     · eyebrow "от"   — мелким cap-letter spacing
     · value          — главная цифра (рассчётный ₽/м²)
     · caption "под ключ" — мелким italic
   Расчёт ₽/м² делается в JS (enhanceCatalogCardHover). */
html body #catalog .catalog-item .desc {
  position: relative !important;
}
html body #catalog .catalog-item .scandi-card-aside {
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) translateX(8px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
  z-index: 3 !important;
  text-align: right !important;
  max-width: 45% !important;
  padding-left: 16px !important;
  border-left: 1px solid rgba(212, 173, 110, 0.32) !important;
}
html body #catalog .catalog-item:hover .scandi-card-aside,
html body #catalog .catalog-item:focus-within .scandi-card-aside {
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) !important;
}
html body #catalog .catalog-item .scandi-card-aside__eyebrow {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(193, 154, 91, 0.75) !important;
  -webkit-text-fill-color: rgba(193, 154, 91, 0.75) !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}
html body #catalog .catalog-item .scandi-card-aside__value {
  font-family: 'Cormorant Garamond', 'Manrope', sans-serif !important;
  font-style: italic !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) !important;
}
html body #catalog .catalog-item .scandi-card-aside__caption {
  font-family: 'Cormorant Garamond', 'Manrope', sans-serif !important;
  font-style: italic !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(31, 22, 18, 0.55) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.55) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
  margin-top: 1px !important;
}
@media (max-width: 768px) {
  html body #catalog .catalog-item .scandi-card-aside {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
    right: 14px !important;
    max-width: 50% !important;
  }
  html body #catalog .catalog-item .scandi-card-aside__value {
    font-size: 15px !important;
  }
}

/* ============================================================
   CATALOG CARD — gold arrow (DEPRECATED, hidden — replaced by aside above)
   ============================================================ */
html body #catalog .catalog-item .scandi-card-arrow,
html body #catalog a.catalog-item .scandi-card-arrow {
  display: none !important;
  visibility: hidden !important;
}
html body #catalog .catalog-item .scandi-card-arrow.__deprecated_unused {
  position: absolute !important;
  right: 14px !important;
  bottom: 72px !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(212, 173, 110, 0.55) !important;
  border-radius: 50% !important;
  background: rgba(20, 16, 13, 0.42) !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.05) !important;
  backdrop-filter: blur(6px) saturate(1.05) !important;
  color: #d4ad6e !important;
  opacity: 0 !important;
  transform: translate(8px, 8px) scale(0.85) !important;
  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 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  box-shadow: 0 6px 16px rgba(20, 16, 13, 0.35) !important;
}
html body #catalog .catalog-item:hover .scandi-card-arrow {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
  border-color: rgba(212, 173, 110, 0.85) !important;
  box-shadow: 0 8px 20px rgba(20, 16, 13, 0.5), 0 0 14px rgba(212, 173, 110, 0.25) !important;
  background: rgba(20, 16, 13, 0.55) !important;
}
html body #catalog .catalog-item .scandi-card-arrow svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  stroke: #d4ad6e !important;
  fill: none !important;
  transition: stroke 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
html body #catalog .catalog-item:hover .scandi-card-arrow svg {
  stroke: #f5d294 !important;
  transform: translate(1px, -1px) !important;
}

/* На мобильных стрелка всегда видна, но чуть прозрачнее */
@media (max-width: 768px) {
  html body #catalog .catalog-item .scandi-card-arrow {
    opacity: 0.85 !important;
    transform: translate(0, 0) scale(1) !important;
    bottom: 60px !important;
    width: 32px !important;
    height: 32px !important;
  }
  html body #catalog .catalog-item .scandi-card-arrow svg {
    width: 14px !important;
    height: 14px !important;
  }
}

/* ============================================================
   CATALOG ENTRY CARD — special "enter the catalog" invitation tile
   ============================================================ */
/* Уникальная карточка-приглашение в каталог. Отличается от обычных карточек
   проектов: full-bleed editorial photo on top + editorial copy block below
   на тёплом cream-фоне. Без overlay buttons, без ₽/м² aside, без area-badge.
   На hover — photo чуть приближается, ↗ arrow в CTA отъезжает вправо. */

/* Override общих стилей .image — отключаем no-hero fallback.
   Aspect 5/4 чтобы entry-карточка визуально совпадала с обычными карточками. */
html body #catalog .catalog-item.scandi-catalog-entry .image {
  background: #f5e9d4 !important;
  aspect-ratio: 5 / 4 !important;
  overflow: hidden !important;
}
html body #catalog .catalog-item.scandi-catalog-entry .image::before,
html body #catalog .catalog-item.scandi-catalog-entry .image::after {
  display: none !important;
  content: none !important;
}
html body #catalog .catalog-item.scandi-catalog-entry .image img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: brightness(1.0) saturate(1.05) !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease !important;
}
/* Also: parent's `.no-hero` class may be added by JS — override */
html body #catalog .catalog-item.scandi-catalog-entry.no-hero .image,
html body #catalog .catalog-item.scandi-catalog-entry .image.no-hero {
  background: #f5e9d4 !important;
}
html body #catalog .catalog-item.scandi-catalog-entry.no-hero .image::after,
html body #catalog .catalog-item.scandi-catalog-entry .image.no-hero::after {
  content: none !important;
  display: none !important;
}
html body #catalog .catalog-item.scandi-catalog-entry:hover .image img {
  transform: scale(1.04) !important;
  filter: brightness(1.04) saturate(1.1) !important;
}

/* Прячем overlay (открыть/получить КП) и aside (₽/м²) для entry карточки */
html body #catalog .catalog-item.scandi-catalog-entry .scandi-card-overlay,
html body #catalog .catalog-item.scandi-catalog-entry .scandi-card-aside,
html body #catalog .catalog-item.scandi-catalog-entry .card-area-badge,
html body #catalog .catalog-item.scandi-catalog-entry .lbls {
  display: none !important;
}

/* Сама карточка — премиум тёплый фон */
html body #catalog .catalog-item.scandi-catalog-entry,
html body #catalog a.catalog-item.scandi-catalog-entry {
  background: linear-gradient(180deg, #fdf9f0 0%, #f5e9d4 100%) !important;
  border: 1px solid rgba(193, 154, 91, 0.22) !important;
  box-shadow: 0 14px 32px rgba(31, 22, 18, 0.08), 0 2px 6px rgba(31, 22, 18, 0.04) !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.4s ease !important;
}
html body #catalog .catalog-item.scandi-catalog-entry:hover,
html body #catalog a.catalog-item.scandi-catalog-entry:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 48px rgba(31, 22, 18, 0.14), 0 6px 14px rgba(193, 154, 91, 0.12) !important;
  border-color: rgba(193, 154, 91, 0.45) !important;
}

/* Тонкая золотая верхняя линия — чуть ярче для entry карточки */
html body #catalog .catalog-item.scandi-catalog-entry::after,
html body #catalog a.catalog-item.scandi-catalog-entry::after {
  background: linear-gradient(90deg, transparent 0%, #c19a5b 30%, #f5d294 50%, #c19a5b 70%, transparent 100%) !important;
  height: 2px !important;
  opacity: 1 !important;
}

/* Editorial copy block — minimal (title + CTA only) */
html body #catalog .catalog-item.scandi-catalog-entry .desc {
  padding: 28px 22px 22px !important;
  text-align: center !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
}
/* Kill any decorative ::before / ::after captions inherited from earlier
   parent-redesign CSS for the /katalog-proektov/ card */
html body #catalog .catalog-item.scandi-catalog-entry .desc::before,
html body #catalog .catalog-item.scandi-catalog-entry .desc::after,
html body #catalog a.catalog-item.scandi-catalog-entry .desc::before,
html body #catalog a.catalog-item.scandi-catalog-entry .desc::after,
html body #catalog .catalog-item[href*="/katalog-proektov/"] .desc::before,
html body #catalog .catalog-item[href*="/katalog-proektov/"] .desc::after {
  content: none !important;
  display: none !important;
}
html body #catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
}
html body #catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__title {
  font-family: 'Cormorant Garamond', 'Manrope', sans-serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  text-align: center !important;
}
html body #catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  padding: 12px 22px !important;
  border: 1px solid rgba(193, 154, 91, 0.55) !important;
  border-radius: 2px !important;
  margin: 0 !important;
  background: transparent !important;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
html body #catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__cta {
  background: linear-gradient(180deg, #d4ad6e 0%, #c19a5b 100%) !important;
  border-color: #c19a5b !important;
  color: #1f1612 !important;
  box-shadow: 0 4px 12px rgba(193, 154, 91, 0.3) !important;
}
html body #catalog .catalog-item.scandi-catalog-entry .scandi-entry-copy__arr {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 500 !important;
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  transition: transform 0.3s ease, color 0.25s ease !important;
}
html body #catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr {
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
}
html body #catalog .catalog-item.scandi-catalog-entry:hover .scandi-entry-copy__arr {
  transform: translateX(6px) !important;
}

/* ============================================================
   BUILD STAGES — premium polish (parent 4+3 layout preserved)
   ============================================================ */
/* Уровень родительского блока остаётся как есть — парент-разметка 4 + 3
   с большой 7-й карточкой в правом столбце и пунктирными connectors уже
   красивая. Мы только подкручиваем premium-детали: тени, тонкая gold-обводка
   на cards, на hover — lift + усиление shadow + scaling фото, и
   делаем dotted connector lines заметнее и анимированнее. */

/* Premium тень и тонкая gold-hairline на каждой карточке */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card {
  background: linear-gradient(180deg, #fdf9f0 0%, #f5e9d4 100%) !important;
  border: 1px solid rgba(193, 154, 91, 0.22) !important;
  box-shadow:
    0 14px 32px rgba(31, 22, 18, 0.10),
    0 4px 10px rgba(31, 22, 18, 0.05) !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.45s ease,
              border-color 0.4s ease !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  position: relative !important;
}
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 24px 48px rgba(31, 22, 18, 0.16),
    0 8px 18px rgba(193, 154, 91, 0.12) !important;
  border-color: rgba(193, 154, 91, 0.55) !important;
}

/* Top gold accent strip — выезжает на hover (premium signature).
   Используем ::after, чтобы НЕ конфликтовать с парент-::before который
   рисует номер-пилюлю (counter-increment: stepc) в правом верхнем углу. */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: 50% !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, #d4ad6e 30%, #f5d294 50%, #d4ad6e 70%, transparent 100%) !important;
  transition: left 0.55s cubic-bezier(0.16, 1, 0.3, 1),
              right 0.55s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.4s ease !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover::after {
  left: 0% !important;
  right: 0% !important;
  box-shadow: 0 0 12px rgba(212, 173, 110, 0.5) !important;
}

/* Усилить парент gold-пилюлю номера на hover (тоже динамика) */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card::before {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover::before {
  transform: scale(1.12) !important;
  box-shadow: 0 8px 22px rgba(166, 124, 58, 0.55), 0 1px 3px rgba(20, 16, 13, 0.25), 0 0 0 4px rgba(212, 173, 110, 0.18) !important;
}

/* Фото внутри preview — лёгкое масштабирование на hover */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__preview {
  overflow: hidden !important;
  background: #1f1612 !important;
}
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__preview img,
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__image {
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
  filter: saturate(1.02) brightness(1.0) !important;
}
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover .step-card__preview img,
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover .step-card__image {
  transform: scale(1.05) !important;
  filter: saturate(1.06) brightness(1.04) !important;
}

/* Парент number badge (gold круг в правом верхнем) — усиливаем */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__heading,
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__num {
  box-shadow: 0 4px 12px rgba(193, 154, 91, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover .step-card__heading,
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card:hover .step-card__num {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 16px rgba(193, 154, 91, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

/* Title более premium */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__title {
  font-family: var(--font-display, 'Manrope'), sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
}

/* Desc — Cormorant italic, более премиум */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card .step-card__desc {
  color: rgba(31, 22, 18, 0.68) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.68) !important;
  line-height: 1.5 !important;
}

/* Парент-connector curves (dotted lines между шагами) — делаем заметнее */
html body section.build-stages.scandi-stages-premium .step-cards__row::before,
html body section.build-stages.scandi-stages-premium .step-cards__row::after,
html body section.build-stages.scandi-stages-premium .step-cards::before,
html body section.build-stages.scandi-stages-premium .step-cards::after {
  opacity: 0.85 !important;
  filter: drop-shadow(0 1px 2px rgba(193, 154, 91, 0.25)) saturate(1.4) !important;
}

/* Анимированные премиум-стрелки между cards (если их рисует svg/border parent) */
html body section.build-stages.scandi-stages-premium .step-cards__item.step-card + .step-cards__item.step-card::after {
  /* tiny gold pulse-dot indicator at the connection point (decorative) */
}

/* Section title + eyebrow polish */
html body section.build-stages.scandi-stages-premium .section-title {
  font-family: 'Cormorant Garamond', 'Manrope', sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   STEP 1 «Выбор проекта» — child theme override (PHP rewrite)
   Editorial layout: hero header + main card (gallery+info) +
   layout preview (slider+list) + modifications grid.
   Все классы в .scandi-step1__* namespace.
   ═══════════════════════════════════════════════════════════════════════ */

/* Section */
html body section.scandi-step1,
html body .scandi-step1.step.step1 {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 80px 0 80px !important;
  position: relative !important;
}
html body .scandi-step1 .container {
  max-width: 1180px !important;
  padding: 0 32px !important;
}
@media (max-width: 768px) {
  html body .scandi-step1 .container { padding: 0 20px !important; }
}

/* ─── HERO — центрируем pill «ШАГ 1» + subtitle, как у step2-6 ─── */
html body .scandi-step1__hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  margin: 0 auto 56px !important;
  max-width: 880px !important;
}
html body .scandi-step1__subtitle {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(15px, 1.4vw, 17px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  color: rgba(31, 22, 18, 0.82) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 auto 8px !important;
  max-width: 720px !important;
  text-align: center !important;
}
html body .scandi-step1__intro {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(31, 22, 18, 0.55) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.55) !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
}
/* ─── Step1 eyebrow «ШАГ 1» — соответствует стилю «ШАГ N» из step2-6.
   step2-6 уже отрисовывают «ШАГ N» как крупный gold heading в scandi-design.v2.css. */
html body .scandi-step-pill:not(#__pill1__):not(#__pill2__) {
  display: block !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  background-image: linear-gradient(135deg, #c19a5b 0%, #a67c3a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-transform: none !important;
  position: relative !important;
}
/* Eyebrow gold-line accent above */
html body .scandi-step-pill:not(#__pill1__):not(#__pill2__)::before {
  content: '' !important;
  display: block !important;
  width: 56px !important;
  height: 2px !important;
  margin: 0 auto 22px !important;
  background: linear-gradient(90deg, rgba(166, 124, 58, 0) 0%, #a67c3a 50%, rgba(166, 124, 58, 0) 100%) !important;
  border-radius: 2px !important;
}
html body .scandi-step1__eyebrow:not(#__x__) {
  margin: 0 auto 14px !important;
}
html body .scandi-step1__title {
  font-family: 'Cormorant Garamond', 'Manrope', serif !important;
  font-size: clamp(34px, 4.2vw, 52px) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -0.015em !important;
  line-height: 1.1 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 !important;
}
html body .scandi-step1__title i,
html body .scandi-step1__title em,
html body .scandi-step1__title b {
  font-style: italic !important;
  font-weight: 500 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
/* ─── MAIN CARD: gallery | info ─── */
html body .scandi-step1__main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 40px !important;
  margin-bottom: 64px !important;
  align-items: start !important;
}
@media (max-width: 991px) {
  html body .scandi-step1__main {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* GALLERY */
html body .scandi-step1__gallery {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
html body .scandi-step1__gallery-main {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: 0 20px 44px rgba(80, 56, 30, 0.16), 0 6px 14px rgba(80, 56, 30, 0.10) !important;
  background: transparent !important;
  aspect-ratio: 4 / 3 !important;
}
html body .scandi-step1__gallery-main .swiper-wrapper {
  height: 100% !important;
}
html body .scandi-step1__gallery-main .swiper-slide {
  height: 100% !important;
}
html body .scandi-step1__gallery-main .swiper-slide .image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
html body .scandi-step1__gallery-main .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body .scandi-step1__thumbs {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 8px !important;
}
html body .scandi-step1__thumb {
  cursor: pointer !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(166, 124, 58, 0.20) !important;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
html body .scandi-step1__thumb:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(166, 124, 58, 0.50) !important;
}
html body .scandi-step1__thumb.active {
  border-color: #c19a5b !important;
  box-shadow: 0 0 0 1px #c19a5b, 0 8px 20px rgba(166, 124, 58, 0.25) !important;
}
html body .scandi-step1__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Nav buttons (slider arrows) */
html body .scandi-step1__nav {
  position: absolute !important;
  bottom: 16px !important;
  right: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(20, 16, 13, 0.78) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  z-index: 4 !important;
}
html body .scandi-step1__nav-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #f3ecdc !important;
  cursor: pointer !important;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease !important;
  padding: 0 !important;
}
html body .scandi-step1__nav-btn:hover {
  background: rgba(212, 173, 110, 0.30) !important;
  color: #ffe5b8 !important;
}
html body .scandi-step1__nav-btn svg {
  width: 14px !important;
  height: 14px !important;
}
html body .scandi-step1__nav-pagination {
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  min-width: 36px !important;
  text-align: center !important;
  position: relative !important;
}

/* INFO column */
html body .scandi-step1__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
html body .scandi-step1__info-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 !important;
}
html body .scandi-step1__info-text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: -0.005em !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
}
html body .scandi-step1__info-text p {
  margin: 0 0 10px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.6 !important;
}
/* Category headings inside info-text → gold pill */
html body .scandi-step1__info-text p > b:first-child:last-child,
html body .scandi-step1__info-text p:has(> b:only-child) > b {
  display: inline-block !important;
  margin: 16px 0 8px !important;
  padding: 4px 12px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  background: rgba(212, 173, 110, 0.10) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-radius: 999px !important;
}
/* Bullets gold ◆ */
html body .scandi-step1__info-text ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 20px !important;
}
html body .scandi-step1__info-text ul li {
  position: relative !important;
  padding-left: 18px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #4a4035 !important;
  -webkit-text-fill-color: #4a4035 !important;
}
html body .scandi-step1__info-text ul li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  width: 7px !important;
  height: 7px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%23c19a5b'><path d='M5 0L10 5L5 10L0 5Z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* EXAMPLE card */
html body .scandi-step1__example {
  margin-top: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
html body .scandi-step1__example-eyebrow {
  display: inline-flex !important;
  align-self: flex-start !important;
  padding: 4px 12px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  background: rgba(212, 173, 110, 0.10) !important;
  border: 1px solid rgba(166, 124, 58, 0.30) !important;
  border-radius: 999px !important;
}
html body .scandi-step1__example-card {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 22px !important;
  background: linear-gradient(135deg, #ffffff 0%, #fdfaf2 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.32) !important;
  border-top: 3px solid #c19a5b !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 36px rgba(80, 56, 30, 0.10), 0 4px 10px rgba(80, 56, 30, 0.06) !important;
}
html body .scandi-step1__example-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
html body .scandi-step1__example-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  letter-spacing: -0.005em !important;
  margin: 0 !important;
}
html body .scandi-step1__example-params {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
html body .scandi-step1__example-params li {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #574a39 !important;
  -webkit-text-fill-color: #574a39 !important;
  line-height: 1.5 !important;
}
html body .scandi-step1__example-params li b {
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  font-weight: 700 !important;
}
html body .scandi-step1__example-params li i {
  font-style: normal !important;
  color: rgba(166, 124, 58, 0.45) !important;
  -webkit-text-fill-color: rgba(166, 124, 58, 0.45) !important;
  margin: 0 6px !important;
}
html body .scandi-step1__example-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 6px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  -webkit-text-fill-color: #a67c3a !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color 0.25s ease, gap 0.25s ease !important;
}
html body .scandi-step1__example-link:hover {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
  gap: 12px !important;
}
html body .scandi-step1__example-link svg {
  width: 14px !important;
  height: 14px !important;
  transition: transform 0.25s ease !important;
}
html body .scandi-step1__example-image {
  flex: 0 0 130px !important;
  width: 130px !important;
  max-width: 130px !important;
  height: auto !important;
  filter: drop-shadow(0 8px 16px rgba(80, 56, 30, 0.18)) !important;
}

/* ─── LAYOUT: section pages slider ─── */
html body .scandi-step1__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
  gap: 40px !important;
  padding-top: 48px !important;
  border-top: 1px solid rgba(166, 124, 58, 0.18) !important;
  margin-bottom: 64px !important;
  align-items: start !important;
}
@media (max-width: 991px) {
  html body .scandi-step1__layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

html body .scandi-step1__layout-preview {
  position: relative !important;
}
html body .scandi-step1__layout-slider {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  background: #fff !important;
  box-shadow: 0 20px 44px rgba(80, 56, 30, 0.14), 0 6px 14px rgba(80, 56, 30, 0.08) !important;
  aspect-ratio: 4 / 3 !important;
}
html body .scandi-step1__layout-slider .swiper-wrapper {
  height: 100% !important;
}
html body .scandi-step1__layout-slider .swiper-slide {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: #fff !important;
}
html body .scandi-step1__layout-slider .swiper-slide .image {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .scandi-step1__layout-slider .swiper-slide img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

html body .scandi-step1__layout-side {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
html body .scandi-step1__layout-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 !important;
}
html body .scandi-step1__layout-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
html body .scandi-step1__layout-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 16px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #6b5640 !important;
  -webkit-text-fill-color: #6b5640 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}
html body .scandi-step1__layout-row:hover {
  background: rgba(255, 255, 255, 0.5) !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
}
html body .scandi-step1__layout-row.is-active {
  background: linear-gradient(135deg, #ffffff 0%, #fdfaf2 100%) !important;
  border-color: rgba(166, 124, 58, 0.32) !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 14px rgba(80, 56, 30, 0.06) !important;
}
html body .scandi-step1__layout-row-num {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: 600 !important;
  color: rgba(166, 124, 58, 0.55) !important;
  -webkit-text-fill-color: rgba(166, 124, 58, 0.55) !important;
  letter-spacing: 0 !important;
  min-width: 22px !important;
}
html body .scandi-step1__layout-row.is-active .scandi-step1__layout-row-num {
  color: #c19a5b !important;
  -webkit-text-fill-color: #c19a5b !important;
}
html body .scandi-step1__layout-row-text {
  flex: 1 !important;
}

html body .scandi-step1__layout-nav {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 8px !important;
  align-self: flex-start !important;
}
html body .scandi-step1__layout-nav .scandi-step1__nav-btn {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  color: #14100d !important;
  box-shadow: 0 6px 16px rgba(166, 124, 58, 0.30), inset 0 1px 0 rgba(255, 240, 200, 0.40) !important;
}
html body .scandi-step1__layout-nav .scandi-step1__nav-btn:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  color: #14100d !important;
}
html body .scandi-step1__layout-nav .scandi-step1__nav-pagination {
  color: #6b5640 !important;
  -webkit-text-fill-color: #6b5640 !important;
}

/* ─── MODS: architect modifications ─── */
html body .scandi-step1__mods {
  padding-top: 48px !important;
  border-top: 1px solid rgba(166, 124, 58, 0.18) !important;
}
html body .scandi-step1__mods-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(20px, 2.4vw, 26px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  text-align: center !important;
  margin: 0 0 32px !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .scandi-step1__mods-title b {
  font-weight: 700 !important;
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* MODS LIST — 4 premium cards с уникальными SVG-иллюстрациями */
html body .scandi-step1__mods-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 991px) {
  html body .scandi-step1__mods-list { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
}
@media (max-width: 480px) {
  html body .scandi-step1__mods-list { grid-template-columns: 1fr !important; gap: 14px !important; }
}

html body .scandi-step1__mod-row {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  background: linear-gradient(165deg, #ffffff 0%, #fdf6e5 100%) !important;
  border: 1.5px solid rgba(31, 22, 18, 0.88) !important;
  border-radius: 16px !important;
  box-shadow:
    0 10px 24px rgba(31, 22, 18, 0.10),
    0 2px 6px rgba(31, 22, 18, 0.06) !important;
  text-align: left !important;
  list-style: none !important;
  overflow: hidden !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}
html body .scandi-step1__mod-row:hover {
  transform: translateY(-4px) !important;
  border-color: #1f1612 !important;
  box-shadow:
    0 20px 40px rgba(31, 22, 18, 0.18),
    0 4px 12px rgba(31, 22, 18, 0.10) !important;
}

/* Иллюстрация занимает всю верхнюю часть карточки */
html body .scandi-step1__mod-row-icon {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  background: #fdf6e5 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
html body .scandi-step1__mod-row-icon img {
  display: none !important;
}
html body .scandi-step1__mod-row-icon::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
/* Тонкая разделительная линия между иллюстрацией и текстом */
html body .scandi-step1__mod-row-icon::before {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(166, 124, 58, 0.35) 50%, transparent) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Kie.ai illustrations — gold/cream editorial */
html body .scandi-step1__mod-row:nth-child(1) .scandi-step1__mod-row-icon::after {
  background-image: url("/wp-content/themes/karkasnye-doma-redesign/assets/step1-mods/terrace.webp") !important;
}
html body .scandi-step1__mod-row:nth-child(2) .scandi-step1__mod-row-icon::after {
  background-image: url("/wp-content/themes/karkasnye-doma-redesign/assets/step1-mods/windows.webp") !important;
}
html body .scandi-step1__mod-row:nth-child(3) .scandi-step1__mod-row-icon::after {
  background-image: url("/wp-content/themes/karkasnye-doma-redesign/assets/step1-mods/layout.webp") !important;
}
html body .scandi-step1__mod-row:nth-child(4) .scandi-step1__mod-row-icon::after {
  background-image: url("/wp-content/themes/karkasnye-doma-redesign/assets/step1-mods/entrance.webp") !important;
}

html body .scandi-step1__mod-row-text {
  display: block !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 !important;
  padding: 20px 22px 22px !important;
  text-align: left !important;
}

@media (max-width: 991px) {
  html body .scandi-step1__mod-row-icon { height: 180px !important; }
}
@media (max-width: 480px) {
  html body .scandi-step1__mod-row-icon { height: 220px !important; }
  html body .scandi-step1__mod-row-text { padding: 18px 20px 20px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   STEP 3 · «Выбираем фундамент» — premium редизайн
   ════════════════════════════════════════════════════════════════════ */

/* Section background — cream textured (canon: dark ONLY for step2 + whitebox) */
html body section.scandi-step3:not(#__x__):not(#__y__),
html body div.scandi-step3:not(#__x__):not(#__y__) {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 100px 0 90px !important;
  position: relative !important;
  color: rgba(31, 22, 18, 0.82) !important;
}
html body .scandi-step3 .container:not(#__x__) {
  max-width: 1240px !important;
  padding: 0 32px !important;
}
@media (max-width: 768px) {
  html body .scandi-step3 .container:not(#__x__) { padding: 0 20px !important; }
}

/* Скрыть жёлтый кружок «03» от parent (.step-n) */
html body .scandi-step3:not(#__x__):not(#__y__) .step-n,
html body .scandi-step3:not(#__x__):not(#__y__) .step-n-absolute {
  display: none !important;
}

/* HERO — центрированный заголовок */
html body .scandi-step3__hero:not(#__x__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  margin: 0 auto 56px !important;
  max-width: 880px !important;
}
html body .scandi-step3__subtitle:not(#__x__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(15px, 1.4vw, 17px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  color: rgba(31, 22, 18, 0.82) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.82) !important;
  margin: 4px auto 18px !important;
  max-width: 720px !important;
  text-align: center !important;
}
html body .scandi-step3__lead:not(#__x__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(14px, 1.3vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 auto 12px !important;
  max-width: 640px !important;
  text-align: center !important;
}
html body .scandi-step3__note:not(#__a__):not(#__b__) {
  display: inline-block !important;
  margin: 18px auto 0 !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(193, 154, 91, 0.40) !important;
  border-radius: 999px !important;
  background: rgba(193, 154, 91, 0.12) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  -webkit-text-fill-color: #d4ad6e !important;
  text-align: center !important;
}

/* ── SELECTOR LAYOUT ────────────────────────────────────────────── */

/* Selector wrapper — 2-column: option tabs LEFT + detail panel RIGHT */
html body .scandi-step3__selector:not(#__a__):not(#__b__) {
  display: grid !important;
  grid-template-columns: 380px 1fr !important;
  gap: 36px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  position: relative !important;
}

/* LEFT — vertical option list (tab buttons) */
html body .scandi-step3__options:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

html body .scandi-step3__option:not(#__a__):not(#__b__) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 20px 22px !important;
  background: transparent !important;
  border: 1px solid rgba(166, 124, 58, 0.20) !important;
  border-radius: 14px !important;
  text-align: left !important;
  cursor: pointer !important;
  color: inherit !important;
  font: inherit !important;
  transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .scandi-step3__option:not(#__a__):not(#__b__):hover {
  border-color: rgba(166, 124, 58, 0.5) !important;
  background: rgba(166, 124, 58, 0.04) !important;
  transform: translateX(2px) !important;
}

html body .scandi-step3__option.is-active:not(#__a__):not(#__b__) {
  border-color: #1f1612 !important;
  background: linear-gradient(135deg, rgba(166,124,58,0.10) 0%, rgba(166,124,58,0.03) 100%) !important;
  transform: translateX(4px) !important;
  box-shadow: 0 8px 20px rgba(31, 22, 18, 0.08) !important;
}

/* Gold accent bar on left edge of active option */
html body .scandi-step3__option:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 0 !important;
  background: linear-gradient(180deg, #c19a5b 0%, #a67c3a 100%) !important;
  border-radius: 0 2px 2px 0 !important;
  transition: height 0.35s ease !important;
}
html body .scandi-step3__option.is-active:not(#__a__):not(#__b__)::before {
  height: 60% !important;
}

/* Option number — Manrope 700 (matching step2 card-title family) */
html body .scandi-step3__option-num:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  color: #a67c3a !important;
  transition: color 0.3s ease !important;
}
html body .scandi-step3__option.is-active .scandi-step3__option-num:not(#__a__):not(#__b__) {
  color: #1f1612 !important;
}

/* Option title — Manrope 700, mirrors step2 card-title family at reduced size */
html body .scandi-step3__option-title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.015em !important;
  text-transform: uppercase !important;
  color: #1f1612 !important;
  line-height: 1.3 !important;
}

/* Option price — Manrope 800, mirrors step2 price-value family at tab size */
html body .scandi-step3__option-price:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  color: #a67c3a !important;
  white-space: nowrap !important;
  font-variant-numeric: normal !important;
}

/* RIGHT — detail panels container */
html body .scandi-step3__details:not(#__a__):not(#__b__) {
  position: relative !important;
  min-height: 480px !important;
}

/* Each detail panel — hidden by default, absolute-stacked for fade */
html body .scandi-step3__detail:not(#__a__):not(#__b__) {
  display: grid !important;
  grid-template-columns: 300px 1fr !important;
  gap: 44px !important;
  align-items: start !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transition: opacity 0.45s ease, transform 0.45s ease !important;
  transform: translateY(8px) !important;
}

/* Active detail panel — visible and in flow */
html body .scandi-step3__detail.is-active:not(#__a__):not(#__b__) {
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  transform: translateY(0) !important;
}

/* JS removes [hidden] for active panel; CSS must override to keep it visible */
html body .scandi-step3__detail[hidden]:not(#__a__):not(#__b__) {
  display: none !important;
}
html body .scandi-step3__detail.is-active[hidden]:not(#__a__):not(#__b__) {
  display: grid !important;
}

/* Detail media — square illustration well */
html body .scandi-step3__detail-media:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px !important;
  background:
    radial-gradient(circle at center, rgba(166,124,58,0.12) 0%, transparent 65%),
    linear-gradient(165deg, #ffffff 0%, #fdf6e5 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 18px !important;
  aspect-ratio: 1 !important;
  box-shadow: 0 14px 32px rgba(166, 124, 58, 0.10) !important;
}

/* Gold-line top separator on detail media */
html body .scandi-step3__detail-media:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 64% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(166,124,58,0) 0%, rgba(166,124,58,0.5) 50%, rgba(166,124,58,0) 100%) !important;
}

html body .scandi-step3__detail-media img:not(#__a__):not(#__b__) {
  width: 100% !important;
  height: 100% !important;
  max-width: 240px !important;
  max-height: 240px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  filter: drop-shadow(0 8px 20px rgba(166, 124, 58, 0.18)) !important;
}

/* Detail body — flex column for content flow */
html body .scandi-step3__detail-body:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 4px !important;
}

/* Detail label — mirrors step2 .compl-card-label: Manrope 700 10.5px 0.20em uppercase */
html body .scandi-step3__detail-label:not(#__a__):not(#__b__) {
  display: inline-block !important;
  align-self: flex-start !important;
  padding: 6px 14px !important;
  background: rgba(166, 124, 58, 0.10) !important;
  border: 1px solid rgba(166, 124, 58, 0.40) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0.20em !important;
  line-height: 1.0 !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  margin-bottom: 18px !important;
}

/* Detail title — mirrors step2 .compl-card-title typography exactly (24px) */
html body .scandi-step3__detail-title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  color: #1f1612 !important;
  margin: 0 0 22px !important;
  position: relative !important;
}
html body .scandi-step3__detail-title:not(#__a__):not(#__b__)::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 1px !important;
  margin-top: 16px !important;
  background: linear-gradient(90deg, #a67c3a 0%, rgba(166,124,58,0) 100%) !important;
}

/* Detail lead — mirrors step2 .compl-card-subtitle typography exactly */
html body .scandi-step3__detail-lead:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -0.005em !important;
  line-height: 1.6 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 0 22px !important;
  max-width: 520px !important;
}

/* Detail suit — «suited-for» left-bar callout */
html body .scandi-step3__detail-suit:not(#__a__):not(#__b__) {
  position: relative !important;
  padding: 16px 0 16px 22px !important;
  margin: 0 0 28px !important;
  border-left: 2px solid #a67c3a !important;
}

html body .scandi-step3__detail-suit-label:not(#__a__):not(#__b__) {
  display: block !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  margin-bottom: 8px !important;
}

html body .scandi-step3__detail-suit-text:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(31, 22, 18, 0.74) !important;
  margin: 0 !important;
  max-width: 520px !important;
}

/* Detail price block — pushed to bottom of flex body */
html body .scandi-step3__detail-price:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-top: auto !important;
  padding-top: 22px !important;
  position: relative !important;
}
html body .scandi-step3__detail-price:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(166,124,58,0.55) 0%, rgba(166,124,58,0) 80%) !important;
}

/* Detail price label — mirrors step2 .compl-price-for typography exactly */
html body .scandi-step3__detail-price-label:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0.20em !important;
  line-height: 1.0 !important;
  text-transform: uppercase !important;
  font-variant-numeric: normal !important;
  color: rgba(31, 22, 18, 0.55) !important;
  margin-bottom: 8px !important;
}

/* Detail price value — mirrors step2 .compl-price-value: Manrope 800 34px -0.02em 1.05 */
html body .scandi-step3__detail-price-value:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(28px, 2.4vw, 34px) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(166, 124, 58, 0.18)) !important;
  font-variant-numeric: normal !important;
}

/* Hide parent's leftover .price ярко-жёлтую плашку */
html body .scandi-step3:not(#__x__):not(#__y__) > .container > .in,
html body .scandi-step3:not(#__x__):not(#__y__) > .container > .step-in {
  display: none !important;
}

/* ── STEP 3 MOBILE BREAKPOINTS ─────────────────────────────────────
   980px → collapse selector to single column
   600px → tighten options + scale down detail type
   ─────────────────────────────────────────────────────────────────── */

/* Tablet ≤1199px: section padding reduction */
@media (max-width: 1199px) {
  html body section.scandi-step3:not(#__x__):not(#__y__),
  html body div.scandi-step3:not(#__x__):not(#__y__) {
    padding: 72px 0 72px !important;
  }
}

/* ≤980px: collapse 2-col selector to single column */
@media (max-width: 980px) {
  html body .scandi-step3__selector:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  html body .scandi-step3__detail:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  html body .scandi-step3__details:not(#__a__):not(#__b__) {
    min-height: 0 !important;
  }
  html body .scandi-step3__detail-media:not(#__a__):not(#__b__) {
    max-width: 280px !important;
    margin: 0 auto !important;
  }
}

/* Mobile ≤768px: hero margin + section padding reduction */
@media (max-width: 768px) {
  html body section.scandi-step3:not(#__x__):not(#__y__),
  html body div.scandi-step3:not(#__x__):not(#__y__) {
    padding: 56px 0 56px !important;
  }
  html body .scandi-step3__hero:not(#__x__) {
    margin: 0 auto 40px !important;
    max-width: 100% !important;
  }
  html body .scandi-step3__subtitle:not(#__x__) {
    margin: 6px auto 14px !important;
    max-width: 100% !important;
  }
  html body .scandi-step3__lead:not(#__x__) {
    max-width: 100% !important;
    margin: 0 auto 10px !important;
  }
}

/* Small mobile ≤600px: tighten option buttons + scale down type */
@media (max-width: 600px) {
  html body .scandi-step3__option:not(#__a__):not(#__b__) {
    padding: 16px 18px !important;
    gap: 12px !important;
  }
  html body .scandi-step3__option-title:not(#__a__):not(#__b__) {
    font-size: 11.5px !important;
  }
  html body .scandi-step3__option-price:not(#__a__):not(#__b__) {
    font-size: 11.5px !important;
  }
  html body .scandi-step3__detail-title:not(#__a__):not(#__b__) {
    font-size: clamp(20px, 5vw, 26px) !important;
  }
  html body .scandi-step3__detail-price-value:not(#__a__):not(#__b__) {
    font-size: clamp(24px, 6vw, 30px) !important;
  }
}

/* ≤480px: section padding + note pill */
@media (max-width: 480px) {
  html body section.scandi-step3:not(#__x__):not(#__y__),
  html body div.scandi-step3:not(#__x__):not(#__y__) {
    padding: 40px 0 40px !important;
  }
  html body .scandi-step3__hero:not(#__x__) {
    margin: 0 auto 32px !important;
  }
  html body .scandi-step3__note:not(#__a__):not(#__b__) {
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
    padding: 7px 14px !important;
  }
}

/* Very small ≤380px: note pill max-width guard */
@media (max-width: 380px) {
  html body .scandi-step3__note:not(#__a__):not(#__b__) {
    font-size: 9.5px !important;
    letter-spacing: 0.08em !important;
    padding: 6px 12px !important;
    max-width: calc(100% - 40px) !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* ── END STEP 3 MOBILE BREAKPOINTS ──────────────────────────────── */

/* ════════════════════════════════════════════════════════════════════
   cbform-sample — Универсальная форма «Выезд специалиста»
   Used on 137+ pages. Cream editorial card with drilling rig
   illustration bleeding past the right edge. v1 2026-05-25
   ════════════════════════════════════════════════════════════════════ */

/* Content column */
/* Body (p + ul + p) */
/* Form */
/* CTA */
/* Privacy */
/* Right media column — photo-realistic architect flatlay (no bleed, framed photo) */
/* Tablet — slightly smaller, less bleed */
/* Mobile — stack, hide illustration */
/* ── END cbform-sample REDESIGN ────────────────────────────────── */

/* ════════════════════════════════════════════════════════════════════
   STEP 4 · «Утверждаем материалы и отделку дома» — CSS-only унификация
   (PHP-структура с хотспотами и фото оставлена как у parent)
   ════════════════════════════════════════════════════════════════════ */

/* Section bg — cream (как остальные cream-блоки) */
html body section.step.step4:not(#__x__):not(#__y__),
html body div.step.step4:not(#__x__):not(#__y__) {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.05) 1px, transparent 1.5px),
    linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%) !important;
  background-size: 28px 28px, auto !important;
  padding: 90px 0 80px !important;
  position: relative !important;
}

/* HERO — центрируем и стилизуем title как unified pill «ШАГ 4» */
html body section.step.step4:not(#__x__):not(#__y__) > .container,
html body div.step.step4:not(#__x__):not(#__y__) > .container {
  max-width: 1240px !important;
  padding: 0 32px !important;
  text-align: center !important;
}

/* Title «ШАГ 4» — gold gradient + line accent above (как scandi-step-pill) */
html body section.step.step4:not(#__x__):not(#__y__) > .container > .title.b-title.bt24.bold,
html body section.step.step4:not(#__x__):not(#__y__) > .container > .title.b-title.bt24.bold.align-center,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .title.b-title.bt24.bold,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .title.b-title.bt24.bold.align-center {
  display: block !important;
  position: relative !important;
  font-family: 'Cormorant Garamond', 'Manrope', serif !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  margin: 0 auto 14px !important;
  max-width: 920px !important;
  padding: 0 !important;
}
/* Gold-line accent над title */
html body section.step.step4:not(#__x__):not(#__y__) > .container > .title.b-title.bt24.bold::before,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .title.b-title.bt24.bold::before {
  content: '' !important;
  display: block !important;
  width: 56px !important;
  height: 2px !important;
  margin: 0 auto 22px !important;
  background: linear-gradient(90deg, rgba(166, 124, 58, 0) 0%, #a67c3a 50%, rgba(166, 124, 58, 0) 100%) !important;
  border-radius: 2px !important;
}

/* Subtitle — крупный editorial */
html body section.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt24.light,
html body section.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt24.light.align-center,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt24.light,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt24.light.align-center {
  font-family: 'Cormorant Garamond', 'Manrope', serif !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 auto 12px !important;
  max-width: 720px !important;
  text-align: center !important;
}
html body section.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt16.light,
html body section.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt16.light.align-center,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt16.light,
html body div.step.step4:not(#__x__):not(#__y__) > .container > .subtitle.b-title.bt16.light.align-center {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(14px, 1.3vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  -webkit-text-fill-color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 auto 48px !important;
  max-width: 720px !important;
  text-align: center !important;
}

/* Скрыть жёлтый кружок «04» */
html body section.step.step4:not(#__x__):not(#__y__) .step-n,
html body section.step.step4:not(#__x__):not(#__y__) .step-n-absolute,
html body div.step.step4:not(#__x__):not(#__y__) .step-n,
html body div.step.step4:not(#__x__):not(#__y__) .step-n-absolute {
  display: none !important;
}

/* Step-wrapper — убрать padding-top который был под кружок */
html body section.step.step4:not(#__x__):not(#__y__) .step-wrapper,
html body div.step.step4:not(#__x__):not(#__y__) .step-wrapper {
  background: transparent !important;
  padding-top: 0 !important;
}

/* Step-in / blocks — карточки категорий */
html body section.step.step4:not(#__x__):not(#__y__) .step-in,
html body div.step.step4:not(#__x__):not(#__y__) .step-in {
  background: linear-gradient(165deg, #ffffff 0%, #fdf6e5 100%) !important;
  border: 1px solid rgba(31, 22, 18, 0.18) !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 36px rgba(31, 22, 18, 0.08),
    0 3px 8px rgba(31, 22, 18, 0.05) !important;
  padding: 40px 40px !important;
}

/* Category title — bold uppercase */
html body section.step.step4:not(#__x__):not(#__y__) .step-in .b-title.bt14.bold,
html body div.step.step4:not(#__x__):not(#__y__) .step-in .b-title.bt14.bold {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #1f1612 !important;
  -webkit-text-fill-color: #1f1612 !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}

/* PDF info block — заменить жёлтую плашку на тёмный premium pill */
html body section.step.step4:not(#__x__):not(#__y__) .info,
html body div.step.step4:not(#__x__):not(#__y__) .info {
  background: linear-gradient(135deg, rgba(31, 22, 18, 0.97) 0%, rgba(60, 42, 25, 0.97) 100%) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-top: 24px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info::before,
html body div.step.step4:not(#__x__):not(#__y__) .info::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 22px !important;
  right: 22px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(207, 159, 75, 0.55) 50%, transparent) !important;
  pointer-events: none !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .b-title.bt14.bold,
html body div.step.step4:not(#__x__):not(#__y__) .info .b-title.bt14.bold {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(243, 236, 220, 0.78) !important;
  -webkit-text-fill-color: rgba(243, 236, 220, 0.78) !important;
  margin: 0 !important;
  flex: 0 1 auto !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .link,
html body div.step.step4:not(#__x__):not(#__y__) .info .link {
  flex: 1 1 auto !important;
  margin: 0 !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .link a,
html body div.step.step4:not(#__x__):not(#__y__) .info .link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #f4d488 !important;
  -webkit-text-fill-color: #f4d488 !important;
  text-decoration: none !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: color 0.25s ease !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .link a:hover,
html body div.step.step4:not(#__x__):not(#__y__) .info .link a:hover {
  color: #ffe5b8 !important;
  -webkit-text-fill-color: #ffe5b8 !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .link a i,
html body div.step.step4:not(#__x__):not(#__y__) .info .link a i {
  font-style: normal !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(244, 212, 136, 0.4) !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .link a svg,
html body div.step.step4:not(#__x__):not(#__y__) .info .link a svg {
  width: 22px !important;
  height: 22px !important;
  fill: #cf9f4b !important;
  stroke: #cf9f4b !important;
  flex-shrink: 0 !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .info .info-image,
html body div.step.step4:not(#__x__):not(#__y__) .info .info-image {
  width: 90px !important;
  height: 56px !important;
  border-radius: 8px !important;
  background-size: cover !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(207, 159, 75, 0.25) !important;
}

/* Hotspot loupe icons — улучшить styling */
html body section.step.step4:not(#__x__):not(#__y__) .image-item .icon,
html body div.step.step4:not(#__x__):not(#__y__) .image-item .icon {
  box-shadow: 0 6px 16px rgba(31, 22, 18, 0.30) !important;
  border: 2px solid #ffffff !important;
  background-size: cover !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .image-item .icon:hover,
html body div.step.step4:not(#__x__):not(#__y__) .image-item .icon:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 10px 24px rgba(31, 22, 18, 0.40) !important;
}
html body section.step.step4:not(#__x__):not(#__y__) .image-item .icon svg,
html body div.step.step4:not(#__x__):not(#__y__) .image-item .icon svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ════ STEP 5 · Строим каркасный дом ════ */

/* ===========================================
   step5 — «Строим каркасный дом» v1 2026-05-25
   =========================================== */

html body section.scandi-step5:not(#__x__):not(#__y__),
html body div.scandi-step5:not(#__x__):not(#__y__) {
  background:
    radial-gradient(circle, rgba(166,124,58,0.08) 1px, transparent 1.5px) 0 0 / 26px 26px,
    linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%) !important;
  padding: 100px 0 110px !important;
  position: relative !important;
}

html body .scandi-step5 .container:not(#__x__) {
  max-width: 1240px !important;
  padding: 0 32px !important;
}

@media (max-width: 768px) {
  html body .scandi-step5 .container:not(#__x__) {
    padding: 0 20px !important;
  }
}

/* hide parent legacy step-n yellow circle */
html body .scandi-step5:not(#__x__):not(#__y__) .step-n,
html body .scandi-step5:not(#__x__):not(#__y__) .step-n-absolute {
  display: none !important;
}

html body .scandi-step5__hero:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 880px !important;
  margin: 0 auto 64px !important;
}

html body .scandi-step5__subtitle:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.01em !important;
  line-height: 1.5 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  margin: 6px auto 0 !important;
  max-width: 720px !important;
  text-transform: none !important;
}

html body .scandi-step5__main:not(#__a__):not(#__b__) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
  gap: 56px !important;
  align-items: start !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

html body .scandi-step5__media:not(#__a__):not(#__b__) {
  position: relative !important;
  display: block !important;
}

html body .scandi-step5__media img:not(#__a__):not(#__b__) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  box-shadow:
    0 28px 56px rgba(80, 56, 30, 0.16),
    0 4px 12px rgba(31, 22, 18, 0.08) !important;
}

html body .scandi-step5__content:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 8px !important;
}

html body .scandi-step5__lead:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.65 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 0 30px !important;
}

html body .scandi-step5__lead b,
html body .scandi-step5__lead strong {
  font-weight: 800 !important;
  color: #1f1612 !important;
}

html body .scandi-step5__layers:not(#__a__):not(#__b__) {
  position: relative !important;
}

html body .scandi-step5__layers ol:not(#__x__),
html body .scandi-step5__layers ul:not(#__x__) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  counter-reset: layer !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px 24px !important;
}

html body .scandi-step5__layers li:not(#__x__) {
  position: relative !important;
  padding: 10px 0 10px 42px !important;
  counter-increment: layer !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.5 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.18) !important;
}

html body .scandi-step5__layers li:not(#__x__)::before {
  content: counter(layer, decimal-leading-zero) !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: #a67c3a !important;
  line-height: 1.4 !important;
}

@media (max-width: 980px) {
  html body .scandi-step5__main:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  html body .scandi-step5__layers ol:not(#__x__),
  html body .scandi-step5__layers ul:not(#__x__) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
  html body section.scandi-step5:not(#__x__):not(#__y__),
  html body div.scandi-step5:not(#__x__):not(#__y__) {
    padding: 56px 0 64px !important;
  }
}

/* ── END STEP 5 ──────────────────────────────────────────────────────────── */

/* ════ STEP 6 · Подключаем инженерию ════ */

/* ===========================================
   step6 — «Подключаем инженерию» v1 2026-05-25
   =========================================== */

html body section.scandi-step6:not(#__x__):not(#__y__),
html body div.scandi-step6:not(#__x__):not(#__y__) {
  background:
    radial-gradient(circle, rgba(166,124,58,0.08) 1px, transparent 1.5px) 0 0 / 26px 26px,
    linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%) !important;
  padding: 100px 0 110px !important;
  position: relative !important;
}

html body .scandi-step6 .container:not(#__x__) {
  max-width: 1240px !important;
  padding: 0 32px !important;
}

@media (max-width: 768px) {
  html body .scandi-step6 .container:not(#__x__) {
    padding: 0 20px !important;
  }
}

/* hide parent legacy step-n yellow circle */
html body .scandi-step6:not(#__x__):not(#__y__) .step-n,
html body .scandi-step6:not(#__x__):not(#__y__) .step-n-absolute {
  display: none !important;
}

html body .scandi-step6__hero:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 880px !important;
  margin: 0 auto 56px !important;
}

html body .scandi-step6__subtitle:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.01em !important;
  line-height: 1.5 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  margin: 6px auto 0 !important;
  max-width: 720px !important;
  text-transform: none !important;
}

html body .scandi-step6__grid:not(#__a__):not(#__b__) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  max-width: 1180px !important;
}

@media (max-width: 1100px) {
  html body .scandi-step6__grid:not(#__a__):not(#__b__) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body .scandi-step6__grid:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
  }
}

html body .scandi-step6__card:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 52px 26px 28px !important;
  background:
    linear-gradient(165deg, #ffffff 0%, #fdf6e5 60%, #fbf3da 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 18px !important;
  box-shadow:
    0 14px 36px rgba(166, 124, 58, 0.10),
    0 2px 8px rgba(31, 22, 18, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  overflow: visible !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

html body .scandi-step6__card:not(#__a__):not(#__b__):hover {
  transform: translateY(-4px) !important;
  border-color: rgba(166, 124, 58, 0.55) !important;
  box-shadow:
    0 24px 48px rgba(166, 124, 58, 0.18),
    0 4px 12px rgba(31, 22, 18, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

html body .scandi-step6__card:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 56% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(166,124,58,0) 0%, rgba(166,124,58,0.5) 50%, rgba(166,124,58,0) 100%) !important;
}

html body .scandi-step6__card-num:not(#__a__):not(#__b__) {
  position: absolute !important;
  top: 18px !important;
  left: 22px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(166, 124, 58, 0.40) !important;
  border-radius: 999px !important;
  background: rgba(166, 124, 58, 0.08) !important;
}

html body .scandi-step6__card-icon:not(#__a__):not(#__b__) {
  height: 130px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 14px 0 16px !important;
  background:
    radial-gradient(circle at center, rgba(166,124,58,0.12) 0%, transparent 70%) !important;
  border-radius: 14px !important;
  overflow: visible !important;
}

html body .scandi-step6__card-icon img:not(#__a__):not(#__b__) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 130px !important;
  max-height: 130px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  filter: drop-shadow(0 6px 14px rgba(166, 124, 58, 0.18)) !important;
  pointer-events: none !important;
}

html body .scandi-step6__card-title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  color: #1f1612 !important;
  margin: 0 0 10px !important;
  position: relative !important;
  padding-top: 14px !important;
}

html body .scandi-step6__card-title:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 36px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #a67c3a 0%, rgba(166,124,58,0) 100%) !important;
}

html body .scandi-step6__card-desc:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.55 !important;
  color: rgba(31, 22, 18, 0.74) !important;
  margin: 0 0 20px !important;
  flex: 1 1 auto !important;
}

html body .scandi-step6__card-desc p:not(#__x__) {
  margin: 0 0 8px !important;
}

html body .scandi-step6__card-desc p:last-child {
  margin-bottom: 0 !important;
}

html body .scandi-step6__card-price:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-top: auto !important;
  padding-top: 18px !important;
}

html body .scandi-step6__card-price:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(166,124,58,0.55) 0%, rgba(166,124,58,0) 80%) !important;
}

html body .scandi-step6__card-price-label:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(31, 22, 18, 0.55) !important;
  margin-bottom: 6px !important;
  line-height: 1 !important;
}

html body .scandi-step6__card-price-value:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(166, 124, 58, 0.18)) !important;
  line-height: 1.15 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

@media (max-width: 600px) {
  html body section.scandi-step6:not(#__x__):not(#__y__),
  html body div.scandi-step6:not(#__x__):not(#__y__) {
    padding: 56px 0 64px !important;
  }
  html body .scandi-step6__card:not(#__a__):not(#__b__) {
    padding: 48px 22px 24px !important;
  }
  html body .scandi-step6__card-icon:not(#__a__):not(#__b__) {
    height: 110px !important;
  }
}

/* ── END STEP 6 ──────────────────────────────────────────────────────────── */

/* ════ TABS-STEPS · Этапы строительства (photo slider) ════ */

/* ===========================================
   tabs-steps — Этапы строительства v1 2026-05-25
   =========================================== */

html body section.tabs-steps:not(#__x__):not(#__y__),
html body div.tabs-steps:not(#__x__):not(#__y__) {
  background:
    linear-gradient(180deg, #ece2c9 0%, #f5efe1 100%) !important;
  padding: 90px 0 80px !important;
  position: relative !important;
}

html body .tabs-steps .container:not(#__x__) {
  max-width: 1240px !important;
  padding: 0 32px !important;
}

@media (max-width: 768px) {
  html body .tabs-steps .container:not(#__x__) {
    padding: 0 20px !important;
  }
  html body section.tabs-steps:not(#__x__):not(#__y__),
  html body div.tabs-steps:not(#__x__):not(#__y__) {
    padding: 56px 0 56px !important;
  }
}

/* Title — match step2 subtitle scale, cream-bg color */
html body .tabs-steps .title:not(#__x__),
html body .tabs-steps h2.title:not(#__x__),
html body .tabs-steps > .container > .title:not(#__x__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  color: #1f1612 !important;
  text-align: center !important;
  margin: 0 auto 48px !important;
  max-width: 920px !important;
  text-transform: none !important;
}

/* ============================================================
   .scandi-stage — universal stage head pattern
   Big number + pill + heading + lead + right meta
   ============================================================ */

html body .scandi-stage:not(#__a__):not(#__b__) {
  background:
    radial-gradient(circle, rgba(166,124,58,0.08) 1px, transparent 1.5px) 0 0 / 26px 26px,
    linear-gradient(180deg, #f5efe1 0%, #ece2c9 100%) !important;
  padding: 100px 0 100px !important;
  position: relative !important;
}

html body .scandi-stage .container:not(#__x__) {
  max-width: 1240px !important;
  padding: 0 32px !important;
  position: relative !important;
}

@media (max-width: 768px) {
  html body .scandi-stage .container:not(#__x__) { padding: 0 20px !important; }
  html body .scandi-stage:not(#__a__):not(#__b__) { padding: 64px 0 64px !important; }
}

/* Hide legacy parent yellow circle */
html body .scandi-stage:not(#__a__):not(#__b__) .step-n,
html body .scandi-stage:not(#__a__):not(#__b__) .step-n-absolute {
  display: none !important;
}

/* HEAD layout */
html body .scandi-stage__head:not(#__a__):not(#__b__) {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) auto !important;
  gap: 48px !important;
  align-items: start !important;
  margin: 0 0 64px !important;
  position: relative !important;
}

@media (max-width: 900px) {
  html body .scandi-stage__head:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-bottom: 40px !important;
  }
}

/* Big number */
html body .scandi-stage__number:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(120px, 14vw, 200px) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.04em !important;
  line-height: 0.85 !important;
  color: rgba(166, 124, 58, 0.5) !important;
  margin: 0 !important;
  padding: 0 !important;
  user-select: none !important;
  font-variant-numeric: lining-nums !important;
}

@media (max-width: 900px) {
  html body .scandi-stage__number:not(#__a__):not(#__b__) {
    font-size: clamp(80px, 18vw, 120px) !important;
    line-height: 0.9 !important;
  }
}

/* Heading block (pill + title + lead) */
html body .scandi-stage__heading-block:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 24px !important;
}

@media (max-width: 900px) {
  html body .scandi-stage__heading-block:not(#__a__):not(#__b__) { padding-top: 0 !important; }
}

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

html body .scandi-stage__title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  color: #1f1612 !important;
  text-transform: none !important;
  margin: 0 0 18px !important;
  max-width: 680px !important;
}

html body .scandi-stage__lead:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.6 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 !important;
  max-width: 540px !important;
}

html body .scandi-stage__lead b,
html body .scandi-stage__lead strong {
  font-weight: 700 !important;
  color: #1f1612 !important;
}

/* Meta column (right side) */
html body .scandi-stage__meta:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  text-align: right !important;
  padding-top: 32px !important;
  min-width: 130px !important;
}

@media (max-width: 900px) {
  html body .scandi-stage__meta:not(#__a__):not(#__b__) {
    align-items: flex-start !important;
    text-align: left !important;
    padding-top: 0 !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: baseline !important;
  }
}

html body .scandi-stage__meta-value:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  color: #1f1612 !important;
  margin: 0 !important;
}

html body .scandi-stage__meta-label:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: rgba(31, 22, 18, 0.55) !important;
  margin-top: 6px !important;
}

@media (max-width: 900px) {
  html body .scandi-stage__meta-label:not(#__a__):not(#__b__) { margin-top: 0 !important; }
}

/* Body wrapper for stage-specific content */
html body .scandi-stage__body:not(#__a__):not(#__b__) {
  position: relative !important;
}

/* ============================================================
   .scandi-stages-nav — premium sticky top horizontal navigation
   ============================================================ */

/* v4 — 8-tile flat strip, OVERLAPS hero/step1 boundary, sticky on whole page (JS detaches from hero) */
html body .scandi-stages-nav:not(#__a__):not(#__b__) {
  position: sticky !important;
  top: 16px !important;
  z-index: 35 !important;
  margin: -56px auto 0 !important;
  max-width: 1240px !important;
  width: calc(100% - 64px) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body .scandi-stages-nav__inner:not(#__a__):not(#__b__) {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  align-items: stretch !important;
  gap: 10px !important;
  position: relative !important;
}

html body .scandi-stages-nav__item:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 24px 22px 22px 26px !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  font-family: 'Manrope', sans-serif !important;
  background: linear-gradient(165deg, rgba(40, 26, 16, 0.85) 0%, rgba(26, 17, 11, 0.92) 100%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 16px !important;
  transition:
    background 0.55s cubic-bezier(0.4, 0.0, 0.2, 1),
    border-color 0.45s cubic-bezier(0.4, 0.0, 0.2, 1),
    transform 0.45s cubic-bezier(0.4, 0.0, 0.2, 1),
    box-shadow 0.45s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
  min-height: 116px !important;
  outline: none !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

html body .scandi-stages-nav__item:not(#__a__):not(#__b__):hover {
  border-color: rgba(212, 173, 110, 0.55) !important;
  transform: translateY(-3px) !important;
  background: linear-gradient(165deg, rgba(50, 33, 20, 0.92) 0%, rgba(32, 21, 14, 0.95) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

html body .scandi-stages-nav__item.is-active:not(#__a__):not(#__b__) {
  background: linear-gradient(165deg, rgba(72, 50, 30, 0.98) 0%, rgba(46, 30, 18, 0.98) 100%) !important;
  border-color: rgba(212, 173, 110, 0.85) !important;
  transform: translateY(-4px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 32px rgba(212, 173, 110, 0.24),
    0 0 0 1px rgba(212, 173, 110, 0.30),
    0 0 36px -8px rgba(212, 173, 110, 0.45) !important;
}

/* Animated gold accent line at top of active tile */
html body .scandi-stages-nav__item:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: 50% !important;
  transform: translateX(-50%) scaleX(0) !important;
  width: calc(100% - 28px) !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(193,154,91,0) 0%, #d4ad6e 50%, rgba(193,154,91,0) 100%) !important;
  box-shadow: 0 0 12px rgba(212, 173, 110, 0.65) !important;
  border-radius: 2px !important;
  transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.4s ease !important;
  opacity: 0 !important;
}
html body .scandi-stages-nav__item.is-active:not(#__a__):not(#__b__)::before {
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 1 !important;
}

/* Soft glow halo behind active number */
html body .scandi-stages-nav__num:not(#__a__):not(#__b__) {
  transition: color 0.4s cubic-bezier(0.4, 0.0, 0.2, 1), text-shadow 0.4s ease !important;
}
html body .scandi-stages-nav__item.is-active .scandi-stages-nav__num:not(#__a__):not(#__b__) {
  color: #ffe5b8 !important;
  text-shadow: 0 0 12px rgba(255, 229, 184, 0.55) !important;
}
html body .scandi-stages-nav__label:not(#__a__):not(#__b__) {
  transition: color 0.4s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
}
html body .scandi-stages-nav__item.is-active .scandi-stages-nav__label:not(#__a__):not(#__b__) {
  color: #ffffff !important;
}

/* Disabled (07, 08 — coming soon) */
html body .scandi-stages-nav__item.is-disabled:not(#__a__):not(#__b__) {
  opacity: 0.55 !important;
  pointer-events: none !important;
  cursor: default !important;
}
html body .scandi-stages-nav__item.is-disabled:not(#__a__):not(#__b__)::after {
  content: 'скоро' !important;
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: rgba(212, 173, 110, 0.45) !important;
  padding: 2px 6px !important;
  border: 1px solid rgba(212, 173, 110, 0.30) !important;
  border-radius: 999px !important;
  line-height: 1 !important;
}

html body .scandi-stages-nav__num:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  color: rgba(212, 173, 110, 0.6) !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
  transition: color 0.3s ease !important;
}
html body .scandi-stages-nav__item.is-active .scandi-stages-nav__num:not(#__a__):not(#__b__),
html body .scandi-stages-nav__item:hover .scandi-stages-nav__num:not(#__a__):not(#__b__) {
  color: #d4ad6e !important;
}

html body .scandi-stages-nav__label:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: rgba(243, 236, 220, 0.92) !important;
  margin-bottom: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.3s ease !important;
}
html body .scandi-stages-nav__item.is-active .scandi-stages-nav__label:not(#__a__):not(#__b__) {
  color: #ffe5b8 !important;
}

html body .scandi-stages-nav__duration:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(243, 236, 220, 0.55) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* step1 section flush against the overlapping nav — extra padding to clear it */
html body section.scandi-stage--step1:not(#__a__):not(#__b__) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body section.scandi-stage--step1:not(#__a__):not(#__b__) > .container {
  padding-top: 110px !important;
}

@media (max-width: 1100px) {
  html body .scandi-stages-nav__inner:not(#__a__):not(#__b__) {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 700px) {
  html body .scandi-stages-nav:not(#__a__):not(#__b__) {
    width: calc(100% - 32px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  html body .scandi-stages-nav:not(#__a__):not(#__b__)::-webkit-scrollbar { display: none !important; }
  html body .scandi-stages-nav__inner:not(#__a__):not(#__b__) {
    display: flex !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
    gap: 8px !important;
  }
  html body .scandi-stages-nav__item:not(#__a__):not(#__b__) {
    min-width: 136px !important;
    padding: 14px 16px !important;
    min-height: 74px !important;
  }
  html body section.scandi-stage--step1:not(#__a__):not(#__b__) > .container {
    padding-top: 40px !important;
  }
}

/* =====================================================================
   .scandi-hero v4 — full-bleed photo background + content overlay
   ===================================================================== */

html body .top-block.scandi-hero--v4:not(#__a__):not(#__b__) {
  position: relative !important;
  background: #1a110b !important;
  min-height: auto !important;
  max-height: none !important;
  padding: 140px 0 80px 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

/* Inner clip wrapper — keeps photo bg confined while letting nav escape */
html body .scandi-hero--v4:not(#__a__):not(#__b__) > .scandi-hero__bg,
html body .scandi-hero--v4:not(#__a__):not(#__b__) > .scandi-hero__overlay {
  overflow: hidden !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Hide legacy parent markup if it ever renders */
html body .scandi-hero--v4 .bg-image:not(#__x__),
html body .scandi-hero--v4 .caption:not(#__x__) {
  display: none !important;
}

/* Full-bleed background photo */
html body .scandi-hero__bg:not(#__a__):not(#__b__) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
html body .scandi-hero__bg img:not(#__a__):not(#__b__) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  display: block !important;
}

/* Dark gradient overlay — strongest at left where text lives, fades right */
html body .scandi-hero__overlay:not(#__a__):not(#__b__) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(95deg, rgba(15, 9, 5, 0.92) 0%, rgba(20, 12, 7, 0.78) 35%, rgba(20, 12, 7, 0.35) 60%, rgba(20, 12, 7, 0.45) 100%),
    linear-gradient(180deg, rgba(15, 9, 5, 0.55) 0%, rgba(15, 9, 5, 0) 30%, rgba(15, 9, 5, 0.40) 80%, rgba(15, 9, 5, 0.85) 100%) !important;
}

html body .scandi-hero__container:not(#__a__):not(#__b__) {
  position: relative !important;
  max-width: 1240px !important;
  padding: 0 32px 0 !important;
  margin: 0 auto !important;
  z-index: 2 !important;
}

html body .scandi-hero__grid:not(#__a__):not(#__b__) {
  display: block !important;
  position: relative !important;
  min-height: 0 !important;
}

/* Content wraps naturally on left, no forced two-column grid */
html body .scandi-hero__content:not(#__a__):not(#__b__) {
  max-width: 640px !important;
}

/* Aside becomes an absolute-positioned floating card pinned to bottom-right */
html body .scandi-hero__aside:not(#__a__):not(#__b__) {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 380px !important;
  align-self: auto !important;
  pointer-events: auto !important;
}

/* LEFT: content */
html body .scandi-hero__content:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
}

html body .scandi-hero__eyebrow:not(#__a__):not(#__b__) {
  display: inline-block !important;
  padding: 7px 16px !important;
  background: rgba(212, 173, 110, 0.12) !important;
  border: 1px solid rgba(212, 173, 110, 0.40) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  margin: 0 0 28px !important;
}

html body .scandi-hero__headline:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(36px, 4.6vw, 64px) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  color: #f3ecdc !important;
  margin: 0 0 26px !important;
  max-width: 620px !important;
}
html body .scandi-hero__headline-accent:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 2px 6px rgba(212, 173, 110, 0.18)) !important;
}
html body .scandi-hero__headline-post:not(#__a__):not(#__b__) {
  display: block !important;
  color: rgba(243, 236, 220, 0.62) !important;
  font-weight: 500 !important;
  font-style: italic !important;
  margin-top: 4px !important;
}

html body .scandi-hero__lead:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.6 !important;
  color: rgba(243, 236, 220, 0.78) !important;
  margin: 0 0 36px !important;
  max-width: 560px !important;
}

html body .scandi-hero__stats:not(#__a__):not(#__b__) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, auto)) !important;
  gap: 36px 48px !important;
  margin: 0 0 36px !important;
  align-items: flex-start !important;
}

html body .scandi-hero__stat:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

html body .scandi-hero__stat-figure:not(#__a__):not(#__b__) {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
}

html body .scandi-hero__stat-value:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  color: #ffe5b8 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

html body .scandi-hero__stat-unit:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: rgba(243, 236, 220, 0.65) !important;
  text-transform: lowercase !important;
}

html body .scandi-hero__stat-label:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(243, 236, 220, 0.45) !important;
  line-height: 1 !important;
}

html body .scandi-hero__ctas:not(#__a__):not(#__b__) {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

html body .scandi-hero__cta:not(#__a__):not(#__b__) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 28px !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
  line-height: 1 !important;
}
html body .scandi-hero__cta--primary:not(#__a__):not(#__b__) {
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 60%, #c19a5b 100%) !important;
  background-size: 200% 100% !important;
  background-position: 0% 50% !important;
  color: #1f1612 !important;
  border: 1px solid rgba(212, 173, 110, 0.55) !important;
  box-shadow: 0 10px 26px rgba(166, 124, 58, 0.32) !important;
}
html body .scandi-hero__cta--primary:not(#__a__):not(#__b__):hover {
  background-position: 100% 50% !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(166, 124, 58, 0.42) !important;
}
html body .scandi-hero__cta--outline:not(#__a__):not(#__b__) {
  background: transparent !important;
  color: #d4ad6e !important;
  border: 1px solid rgba(212, 173, 110, 0.45) !important;
}
html body .scandi-hero__cta--outline:not(#__a__):not(#__b__):hover {
  background: rgba(212, 173, 110, 0.08) !important;
  border-color: #d4ad6e !important;
  transform: translateY(-2px) !important;
}

/* RIGHT: photo card + price card */
html body .scandi-hero__aside:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-width: 0 !important;
}

html body .scandi-hero__aside:not(#__a__):not(#__b__) {
  align-self: end !important;
  width: 100% !important;
}

html body .scandi-hero__price-card:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 24px 30px !important;
  background: linear-gradient(135deg, rgba(40, 26, 16, 0.78) 0%, rgba(26, 17, 11, 0.85) 100%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  border: 1px solid rgba(212, 173, 110, 0.30) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
html body .scandi-hero__price-card:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 28px !important;
  width: 36px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #d4ad6e 0%, rgba(212,173,110,0) 100%) !important;
}

html body .scandi-hero__price-label:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(243, 236, 220, 0.55) !important;
  line-height: 1 !important;
}

html body .scandi-hero__price-value:not(#__a__):not(#__b__) {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(212, 173, 110, 0.18)) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}
html body .scandi-hero__price-tag:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: rgba(243, 236, 220, 0.55) !important;
  -webkit-text-fill-color: rgba(243, 236, 220, 0.55) !important;
  background: none !important;
  filter: none !important;
}

@media (max-width: 1100px) {
  html body .scandi-hero__grid:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  html body .scandi-hero__stats:not(#__a__):not(#__b__) {
    gap: 24px 36px !important;
  }
}

@media (max-width: 700px) {
  html body .top-block.scandi-hero--v3:not(#__a__):not(#__b__) {
    padding-top: 110px !important;
  }
  html body .scandi-hero__container:not(#__a__):not(#__b__) {
    padding: 0 20px 40px !important;
  }
  html body .scandi-hero__stat-value:not(#__a__):not(#__b__) { font-size: 28px !important; }
  html body .scandi-hero__cta:not(#__a__):not(#__b__) {
    width: 100% !important;
    justify-content: center !important;
  }
  html body .scandi-hero__price-card:not(#__a__):not(#__b__) {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 18px 22px !important;
  }
}

/* ── END TABS-STEPS ──────────────────────────────────────────────────────── */

/* ============================================================
   .scandi-step4 body — material categories grid + info card
   ============================================================ */

html body .scandi-step4__grid:not(#__a__):not(#__b__) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 36px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

@media (max-width: 1100px) {
  html body .scandi-step4__grid:not(#__a__):not(#__b__) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  html body .scandi-step4__grid:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
  }
}

html body .scandi-step4__item:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 28px 24px 24px !important;
  background:
    linear-gradient(165deg, #ffffff 0%, #fdf6e5 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 16px !important;
  box-shadow:
    0 10px 26px rgba(166, 124, 58, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
html body .scandi-step4__item:not(#__a__):not(#__b__):hover {
  transform: translateY(-3px) !important;
  border-color: rgba(166, 124, 58, 0.5) !important;
  box-shadow:
    0 18px 36px rgba(166, 124, 58, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

html body .scandi-step4__item-num:not(#__a__):not(#__b__) {
  display: inline-block !important;
  align-self: flex-start !important;
  padding: 5px 12px !important;
  background: rgba(166, 124, 58, 0.10) !important;
  border: 1px solid rgba(166, 124, 58, 0.40) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  color: #a67c3a !important;
  margin: 0 0 18px !important;
}

html body .scandi-step4__item-title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  color: #1f1612 !important;
  margin: 0 0 10px !important;
  position: relative !important;
  padding-top: 12px !important;
}
html body .scandi-step4__item-title:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 32px !important; height: 1px !important;
  background: linear-gradient(90deg, #a67c3a 0%, rgba(166,124,58,0) 100%) !important;
}

html body .scandi-step4__item-desc:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.55 !important;
  color: rgba(31, 22, 18, 0.74) !important;
  margin: 0 !important;
}

/* Info card — bottom panel with "КД-790 → PDF" CTA */
html body .scandi-step4__info:not(#__a__):not(#__b__) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 36px 36px 32px !important;
  background:
    linear-gradient(135deg, rgba(31, 22, 18, 0.92) 0%, rgba(60, 42, 25, 0.92) 100%) !important;
  background-color: #1f1612 !important;
  background-size: cover !important;
  background-position: center !important;
  background-blend-mode: multiply !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  min-height: 180px !important;
}
html body .scandi-step4__info:not(#__a__):not(#__b__)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 50% !important;
  transform: translateX(-50%) !important;
  width: 50% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(212,173,110,0) 0%, rgba(212,173,110,0.7) 50%, rgba(212,173,110,0) 100%) !important;
}

html body .scandi-step4__info-eyebrow:not(#__a__):not(#__b__) {
  display: inline-block !important;
  padding: 5px 12px !important;
  background: rgba(212, 173, 110, 0.14) !important;
  border: 1px solid rgba(212, 173, 110, 0.40) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #d4ad6e !important;
  margin: 0 0 14px !important;
  line-height: 1 !important;
}

html body .scandi-step4__info-title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  color: #ffe5b8 !important;
  margin: 0 0 18px !important;
  max-width: 560px !important;
}

html body .scandi-step4__info-cta:not(#__a__):not(#__b__) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 22px !important;
  background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 60%, #c19a5b 100%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 8px 20px rgba(166, 124, 58, 0.32) !important;
}
html body .scandi-step4__info-cta:not(#__a__):not(#__b__):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(166, 124, 58, 0.42) !important;
}

@media (max-width: 600px) {
  html body .scandi-step4__info:not(#__a__):not(#__b__) {
    padding: 28px 22px !important;
  }
  html body .scandi-step4__info-title:not(#__a__):not(#__b__) {
    font-size: 18px !important;
  }
}

/* ── END STEP 4 BODY ─────────────────────────────────────────────────────── */

/* ============================================================
   .scandi-form — Universal form component (5 variants)
   Replaces per-form namespaces .scandi-finalform / .scandi-discount
   / .scandi-cbform-sample. Each variant adds a theme modifier.
   Phase 1A 2026-05-26 — initially renders only --specialist variant.
   ============================================================ */

html body section.scandi-form:not(#__a__):not(#__b__) {
  padding: 80px 0 100px !important;
  position: relative !important;
  overflow: hidden !important;
  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%) !important;
}

html body section.scandi-form .container:not(#__x__):not(#__y__) {
  position: relative !important;
}

html body .scandi-form__card:not(#__a__):not(#__b__) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  gap: 56px !important;
  align-items: stretch !important;
  padding: 56px 56px 48px !important;
  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%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 22px !important;
  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) !important;
  overflow: visible !important;
}

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

/* Content column */
html body .scandi-form__content:not(#__a__):not(#__b__) {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

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

html body .scandi-form__title:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.015em !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  color: #1f1612 !important;
  margin: 0 0 22px !important;
  max-width: 520px !important;
  position: relative !important;
}
html body .scandi-form__title:not(#__a__):not(#__b__) b,
html body .scandi-form__title:not(#__a__):not(#__b__) strong {
  font-weight: 700 !important;
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .scandi-form__title:not(#__a__):not(#__b__)::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 1px !important;
  margin-top: 16px !important;
  background: linear-gradient(90deg, #a67c3a 0%, rgba(166,124,58,0) 100%) !important;
}

html body .scandi-form__lead:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -0.005em !important;
  line-height: 1.6 !important;
  color: rgba(31, 22, 18, 0.82) !important;
  margin: 0 0 26px !important;
  max-width: 520px !important;
}
html body .scandi-form__lead:not(#__a__):not(#__b__) p {
  margin: 0 0 12px !important;
}
html body .scandi-form__lead:not(#__a__):not(#__b__) p:last-child {
  margin-bottom: 0 !important;
}
html body .scandi-form__lead:not(#__a__):not(#__b__) ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}
html body .scandi-form__lead:not(#__a__):not(#__b__) li {
  position: relative !important;
  padding-left: 22px !important;
  margin: 0 0 8px !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: rgba(31, 22, 18, 0.74) !important;
}
html body .scandi-form__lead:not(#__a__):not(#__b__) li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 9px !important;
  width: 12px !important;
  height: 1px !important;
  background: #a67c3a !important;
}

/* Form */
html body .scandi-form__form:not(#__a__):not(#__b__) {
  margin-top: auto !important;
  padding-top: 8px !important;
}

html body .scandi-form__honeypot:not(#__a__):not(#__b__) {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .scandi-form__fields:not(#__a__):not(#__b__) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

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

html body .scandi-form__field--full:not(#__a__):not(#__b__),
html body .scandi-form__field--textarea:not(#__a__):not(#__b__),
html body .scandi-form__field--select:not(#__a__):not(#__b__) {
  grid-column: 1 / -1 !important;
}

html body .scandi-form__field--textarea:not(#__a__):not(#__b__) {
  padding: 14px 16px !important;
  align-items: flex-start !important;
  min-height: 96px !important;
}

html body .scandi-form__field:not(#__a__):not(#__b__):focus-within {
  border-color: #a67c3a !important;
  background: #ffffff !important;
}

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

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

html body .scandi-form__field textarea:not(#__x__) {
  resize: vertical !important;
  min-height: 70px !important;
}

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

html body .scandi-form__field--textarea:not(#__a__):not(#__b__) .scandi-form__field-icon {
  display: none !important;
}
html body .scandi-form__field--textarea:not(#__a__):not(#__b__) input,
html body .scandi-form__field--textarea:not(#__a__):not(#__b__) textarea {
  padding-left: 0 !important;
}

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

html body .scandi-form__cta:not(#__a__):not(#__b__):hover {
  background-position: 100% 50% !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(166, 124, 58, 0.30) !important;
}

html body .scandi-form__cta-arrow:not(#__a__):not(#__b__) {
  transition: transform 0.3s ease !important;
}
html body .scandi-form__cta:not(#__a__):not(#__b__):hover .scandi-form__cta-arrow {
  transform: translateX(3px) !important;
}

/* Privacy */
html body .scandi-form__privacy:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.5 !important;
  color: rgba(31, 22, 18, 0.55) !important;
  margin: 0 !important;
}
html body .scandi-form__privacy:not(#__a__):not(#__b__) a {
  color: #a67c3a !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(166, 124, 58, 0.4) !important;
  text-underline-offset: 2px !important;
  transition: text-decoration-color 0.2s ease !important;
}
html body .scandi-form__privacy:not(#__a__):not(#__b__) a:hover {
  text-decoration-color: #a67c3a !important;
}

/* Media column — right-bleed variant (specialist + contact use this) */
html body .scandi-form__media:not(#__a__):not(#__b__) {
  position: relative !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  min-height: 100% !important;
}

html body .scandi-form__media--right-bleed:not(#__a__):not(#__b__) img {
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  border: 1px solid rgba(166, 124, 58, 0.28) !important;
  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) !important;
  margin-right: -28px !important;
  transform: rotate(1.5deg) !important;
  transition: transform 0.5s ease, box-shadow 0.5s ease !important;
}

html body .scandi-form__card:hover .scandi-form__media--right-bleed:not(#__a__):not(#__b__) img {
  transform: rotate(0.5deg) translateY(-4px) !important;
  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) !important;
}

/* Theme: cream-editorial (specialist) — uses defaults above */

/* ============================================================
   Theme: dark-glass (variant: architect)
   ============================================================ */
html body section.scandi-form--theme-dark-glass:not(#__a__):not(#__b__) {
  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%) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__card:not(#__a__):not(#__b__) {
  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%) !important;
  border: 1px solid rgba(212, 173, 110, 0.28) !important;
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  padding: 64px 60px 56px !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__card:not(#__a__):not(#__b__)::before {
  background: linear-gradient(90deg, rgba(212,173,110,0) 0%, rgba(212,173,110,0.65) 50%, rgba(212,173,110,0) 100%) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__eyebrow:not(#__a__):not(#__b__) {
  background: rgba(212, 173, 110, 0.14) !important;
  border-color: rgba(212, 173, 110, 0.40) !important;
  color: #d4ad6e !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__title:not(#__a__):not(#__b__) {
  color: #ffe5b8 !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__title:not(#__a__):not(#__b__) b,
html body .scandi-form--theme-dark-glass .scandi-form__title:not(#__a__):not(#__b__) strong {
  background: linear-gradient(135deg, #ffe5b8 0%, #d4ad6e 50%, #c19a5b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__title:not(#__a__):not(#__b__)::after {
  background: linear-gradient(90deg, #d4ad6e 0%, rgba(212,173,110,0) 100%) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__lead:not(#__a__):not(#__b__),
html body .scandi-form--theme-dark-glass .scandi-form__lead:not(#__a__):not(#__b__) li {
  color: rgba(243, 236, 220, 0.78) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__lead:not(#__a__):not(#__b__) li::before {
  background: #d4ad6e !important;
}
/* Architect benefits list — gold check icons */
html body .scandi-form--theme-dark-glass .scandi-form__benefits:not(#__a__):not(#__b__) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__benefits:not(#__a__):not(#__b__) li {
  position: relative !important;
  padding: 4px 0 4px 28px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.55 !important;
  color: rgba(243, 236, 220, 0.86) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__benefits:not(#__a__):not(#__b__) li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #1f1612 !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 100%) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px rgba(212, 173, 110, 0.18) !important;
}
/* Watermark "10%" decorative number */
html body .scandi-form--theme-dark-glass .scandi-form__watermark:not(#__a__):not(#__b__) {
  position: absolute !important;
  top: 20px !important;
  right: 30px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 110px !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, rgba(255,229,184,0.22) 0%, rgba(212,173,110,0.10) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  pointer-events: none !important;
  user-select: none !important;
}
/* Inputs on dark — translucent white */
html body .scandi-form--theme-dark-glass .scandi-form__field:not(#__a__):not(#__b__) {
  background: rgba(255, 255, 255, 0.11) !important;
  border-color: rgba(212, 173, 110, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__field:not(#__a__):not(#__b__):focus-within {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: #d4ad6e !important;
  box-shadow: 0 0 0 3px rgba(212, 173, 110, 0.16) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__field input:not(#__x__),
html body .scandi-form--theme-dark-glass .scandi-form__field textarea:not(#__x__),
html body .scandi-form--theme-dark-glass .scandi-form__field select:not(#__x__) {
  color: #f3ecdc !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__field input::placeholder,
html body .scandi-form--theme-dark-glass .scandi-form__field textarea::placeholder {
  color: rgba(243, 236, 220, 0.45) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__field-icon:not(#__a__):not(#__b__) {
  color: rgba(212, 173, 110, 0.55) !important;
}
/* Privacy on dark */
html body .scandi-form--theme-dark-glass .scandi-form__privacy:not(#__a__):not(#__b__) {
  color: rgba(243, 236, 220, 0.55) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__privacy:not(#__a__):not(#__b__) a {
  color: #d4ad6e !important;
}
/* Media: right-panel full bleed (architect) */
html body .scandi-form--theme-dark-glass .scandi-form__media--right-panel:not(#__a__):not(#__b__) {
  position: absolute !important;
  inset: 0 0 0 auto !important;
  width: 50% !important;
  align-self: auto !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 22px 22px 0 !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__media--right-panel:not(#__a__):not(#__b__) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__media--right-panel:not(#__a__):not(#__b__)::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(31,22,18,0.65) 0%, rgba(31,22,18,0.20) 35%, rgba(31,22,18,0) 70%) !important;
  pointer-events: none !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__media-overlay:not(#__a__):not(#__b__) {
  position: absolute !important;
  bottom: 32px !important;
  left: 32px !important;
  right: 32px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__media-pill:not(#__a__):not(#__b__) {
  display: inline-block !important;
  padding: 5px 12px !important;
  background: rgba(212, 173, 110, 0.20) !important;
  border: 1px solid rgba(212, 173, 110, 0.50) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: #ffe5b8 !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__media-name:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  color: #ffe5b8 !important;
  margin-bottom: 4px !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__media-role:not(#__a__):not(#__b__) {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
  color: rgba(243, 236, 220, 0.85) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
/* Grid adjustment for architect — content takes ~60%, media fills right 40% */
html body .scandi-form--theme-dark-glass .scandi-form__card:not(#__a__):not(#__b__) {
  grid-template-columns: minmax(0, 1fr) !important;
}
html body .scandi-form--theme-dark-glass .scandi-form__content:not(#__a__):not(#__b__) {
  max-width: 540px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================================
   Theme: cream-panel (variant: contact footer form)
   ============================================================ */
/* Inherits cream defaults. Adjustments for manager photo right with name/role overlay. */
/* UNIFY 2026-06: 1:1 с clean (scandi.css) — Ирина-вырез на офисном заднике с
   растворением влево. Раньше тут был старый вариант (фото в 3/4-карточке +
   тёмная плашка) → форма выглядела по-разному на главной (clean) и проекте
   (default). Теперь обе страницы рисуют одинаково. Уйдёт целиком на cutover. */
html body .scandi-form--theme-cream-panel .scandi-form__media--right-bleed:not(#__a__):not(#__b__) {
  position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 46% !important; align-self: auto !important; display: block !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; z-index: 1 !important;
  background-image: url(../assets/cbform/office-backdrop.webp) !important;
  background-size: cover !important; background-position: 50% 35% !important;
}
html body .scandi-form--theme-cream-panel .scandi-form__media--right-bleed:not(#__a__):not(#__b__)::before {
  content: '' !important; position: absolute !important; inset: 0 !important;
  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%) !important;
  z-index: 1 !important; pointer-events: none !important;
}
html body .scandi-form--theme-cream-panel .scandi-form__media--right-bleed:not(#__a__):not(#__b__) img,
html body .scandi-form--theme-cream-panel .scandi-form__card:hover .scandi-form__media--right-bleed:not(#__a__):not(#__b__) img {
  position: absolute !important; bottom: 0 !important; left: 50% !important; transform: translateX(-50%) !important;
  height: 100% !important; width: auto !important; max-width: none !important; aspect-ratio: auto !important;
  object-fit: contain !important; object-position: bottom center !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; z-index: 2 !important;
  filter: drop-shadow(0 16px 24px rgba(80,56,30,0.16)) !important;
}
html body .scandi-form--theme-cream-panel .scandi-form__media-overlay:not(#__a__):not(#__b__) {
  position: absolute !important; left: 8px !important; right: auto !important; bottom: 14px !important;
  background: rgba(255,253,248,0.92) !important; border: 1px solid rgba(166,124,58,0.34) !important;
  border-radius: 12px !important; padding: 11px 16px !important; max-width: 220px !important;
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 12px 30px rgba(120,90,50,0.16) !important; z-index: 4 !important;
}
html body .scandi-form--theme-cream-panel .scandi-form__media-pill:not(#__a__):not(#__b__) {
  display: inline-block !important; padding: 4px 10px !important;
  background: rgba(212,173,110,0.18) !important; border: 1px solid rgba(212,173,110,0.40) !important;
  border-radius: 999px !important; font: 700 9px/1 'Manrope', sans-serif !important;
  letter-spacing: 0.20em !important; text-transform: uppercase !important; color: #a67c3a !important; margin-bottom: 6px !important;
}
html body .scandi-form--theme-cream-panel .scandi-form__media-name:not(#__a__):not(#__b__) {
  font: 700 14px/1.2 'Manrope', sans-serif !important; letter-spacing: -0.01em !important;
  color: #1f1612 !important; -webkit-text-fill-color: #1f1612 !important; margin-bottom: 2px !important;
}
html body .scandi-form--theme-cream-panel .scandi-form__media-role:not(#__a__):not(#__b__) {
  font: 500 11px/1.3 'Manrope', sans-serif !important; color: #5a4d3a !important; -webkit-text-fill-color: #5a4d3a !important;
}

/* ============================================================
   Theme: cream-floating (variant: catalog — book + form pill float)
   ============================================================ */
/* FA.1 2026-05-28: cream-floating (catalog) layout REBUILT as a clean
   2-column grid (form-content | book) instead of 1fr + absolute-float book.
   Old design collapsed the form fields to 58px and the absolute book
   (right:-40px, width:56%) overlapped the content. Now content and book
   are real grid columns — no overlap, fields fill their column. */
html body .scandi-form--theme-cream-floating .scandi-form__card:not(#__a__):not(#__b__) {
  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%) !important;
  padding: 48px 56px !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 40px !important;
  align-items: center !important;
  position: relative !important;
}
html body .scandi-form--theme-cream-floating .scandi-form__content:not(#__a__):not(#__b__) {
  max-width: none !important;       /* fill its grid column (was 460px cap that squeezed fields) */
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}
/* Form + fields must fill the content column (flex children were shrinking
   to min-content → 58px columns). */
html body .scandi-form--theme-cream-floating .scandi-form__form:not(#__a__):not(#__b__) {
  width: 100% !important;
}
html body .scandi-form--theme-cream-floating .scandi-form__fields:not(#__a__):not(#__b__),
html body .scandi-form--theme-cream-floating .scandi-form__fields--catalog:not(#__a__):not(#__b__) {
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
}
html body .scandi-form--theme-cream-floating .scandi-form__field--select:not(#__a__):not(#__b__) {
  grid-column: 1 / -1 !important;   /* category select spans full width */
}
html body .scandi-form--theme-cream-floating .scandi-form__title:not(#__a__):not(#__b__) {
  font-size: clamp(22px, 2.4vw, 30px) !important;
}
/* Catalog book — now a grid column (relative, not absolute) */
html body .scandi-form--theme-cream-floating .scandi-form__media--absolute-float:not(#__a__):not(#__b__) {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  align-self: center !important;
  display: block !important;
  z-index: 1 !important;
}
html body .scandi-form--theme-cream-floating .scandi-form__media--absolute-float:not(#__a__):not(#__b__) img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: rotate(-2deg) !important;
  filter: drop-shadow(0 32px 48px rgba(80, 56, 30, 0.32)) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* ============================================================
   Theme: cream-plain (variant: viewing — no image, centered)
   ============================================================ */
html body .scandi-form--theme-cream-plain .scandi-form__card:not(#__a__):not(#__b__) {
  grid-template-columns: 1fr !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 48px 56px 40px !important;
  text-align: center !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__content:not(#__a__):not(#__b__) {
  align-items: center !important;
  text-align: center !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__eyebrow:not(#__a__):not(#__b__) {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__title:not(#__a__):not(#__b__) {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__title:not(#__a__):not(#__b__)::after {
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__lead:not(#__a__):not(#__b__) {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Cream-plain (cbform-viewing): список с тире был выровнен по центру → тире висели
   слева в отрыве от текста. Делаем ul компактным left-aligned блоком по центру,
   чтобы золотое тире стояло вплотную перед каждой строкой. */
html body .scandi-form--theme-cream-plain .scandi-form__lead:not(#__a__):not(#__b__) ul {
  display: block !important;
  text-align: left !important;
  width: -webkit-fit-content !important;
  width: fit-content !important;
  max-width: 440px !important;
  margin: 10px auto 0 !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__form:not(#__a__):not(#__b__) {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}
html body .scandi-form--theme-cream-plain .scandi-form__cta:not(#__a__):not(#__b__) {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Catalog/viewing: hide media gracefully on small screens (already handled by global mobile rule) */
@media (max-width: 900px) {
  html body .scandi-form--theme-dark-glass .scandi-form__media--right-panel:not(#__a__):not(#__b__) {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 220px !important;
    border-radius: 0 0 16px 16px !important;
    margin-top: 24px !important;
  }
  html body .scandi-form--theme-dark-glass .scandi-form__card:not(#__a__):not(#__b__) {
    padding: 40px 28px 0 !important;
    overflow: hidden !important;
  }
  html body .scandi-form--theme-dark-glass .scandi-form__watermark:not(#__a__):not(#__b__) {
    font-size: 68px !important;
    top: 16px !important;
    right: 18px !important;
  }
  html body .scandi-form--theme-cream-floating .scandi-form__media--absolute-float:not(#__a__):not(#__b__) {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
  }
  html body .scandi-form--theme-cream-floating .scandi-form__media--absolute-float:not(#__a__):not(#__b__) img {
    transform: rotate(0deg) !important;
  }
  html body .scandi-form--theme-cream-panel .scandi-form__media--right-bleed:not(#__a__):not(#__b__) img {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
  html body .scandi-form--theme-cream-plain .scandi-form__card:not(#__a__):not(#__b__) {
    padding: 36px 24px 30px !important;
  }
}

/* Responsive */
@media (max-width: 1199px) {
  html body .scandi-form__card:not(#__a__):not(#__b__) {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important;
    gap: 32px !important;
    padding: 48px 40px 40px !important;
  }
  html body .scandi-form__media--right-bleed:not(#__a__):not(#__b__) img {
    max-width: 360px !important;
    margin-right: -12px !important;
  }
}

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

@media (max-width: 768px) {
  /* A2 audit fix 2026-05-26: catalog form CTA must be full-width on mobile
     (was 203px because base `display: inline-flex` shrink-wraps to content).
     Apply to ALL variants for safety. */
  html body .scandi-form__cta:not(#__a__):not(#__b__) {
    display: flex !important;
    width: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }
  /* Also explicitly collapse all variant fields grids to 1 column */
  html body .scandi-form__fields--catalog:not(#__a__):not(#__b__),
  html body .scandi-form__fields--full:not(#__a__):not(#__b__),
  html body .scandi-form__fields--compact:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  html body .scandi-form__card:not(#__a__):not(#__b__) {
    padding: 32px 22px !important;
  }
  html body .scandi-form__title:not(#__a__):not(#__b__) {
    font-size: 18px !important;
  }
  html body .scandi-form__cta:not(#__a__):not(#__b__) {
    width: 100% !important;
    padding: 14px 20px !important;
  }
}

/* ── END SCANDI-FORM ─────────────────────────────────────────────────────── */

/* ============================================================
   WCAG SC 1.4.3 — Contrast (Phase 9 2026-05-26)
   Gold #a67c3a on cream = 3.50:1 → fails AA for normal text (<18px).
   For small UI labels (10-13px pills/eyebrows on cream bg) use darker
   variant #7d5a2c (4.78:1, AA pass). Branded gold #a67c3a remains for
   large text (≥18px) and dark-bg contexts where it passes 4.5:1+.
   ============================================================ */

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

html body .scandi-stage__pill:not(#__a__):not(#__b__) {
  color: #7d5a2c !important;
  border-color: rgba(125, 90, 44, 0.50) !important;
  background: rgba(125, 90, 44, 0.10) !important;
}

html body .scandi-step3__card-num:not(#__a__):not(#__b__),
html body .scandi-step3__detail-label:not(#__a__):not(#__b__),
html body .scandi-step3__detail-suit-label:not(#__a__):not(#__b__),
html body .scandi-step4__item-num:not(#__a__):not(#__b__),
html body .scandi-step4__info-eyebrow:not(#__a__):not(#__b__),
html body .scandi-step6__card-num:not(#__a__):not(#__b__),
html body .scandi-cbform-sample__eyebrow:not(#__a__):not(#__b__) {
  color: #7d5a2c !important;
}

html body .scandi-step3__note:not(#__a__):not(#__b__),
html body .scandi-form__field-icon:not(#__a__):not(#__b__) {
  color: #7d5a2c !important;
}

/* ── END WCAG CONTRAST PATCH ────────────────────────────────────────────── */

/* ============================================================
   A1.P1 FIX 2026-05-27 — FAQ page in scandi-design.
   Parent page-faq.php ships ~290 lines of inline <style> with light-blue
   `#EFF4F6` background + cyan `<span>` accents — completely off-brand vs.
   the rest of staging (cream + gold). This block overrides every visible
   rule with cream/gold scandi tokens using !important to beat the inline
   <style>. Markup (.faq-page-wrapper, .faq-container, .faq-section,
   .faq-card, .faq-cta) stays intact; only colors/typography/borders
   re-skinned.
   ============================================================ */
html body .faq-page-wrapper {
  background:
    radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px),
    linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
  background-size: 26px 26px, auto !important;
  padding-bottom: 80px !important;
  position: relative !important;
}
html body .faq-container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 100px 24px 0 !important;
}
@media (max-width: 768px) {
  html body .faq-container { padding: 60px 16px 0 !important; }
}

/* Main title — Cormorant accent on highlighted words */
html body .faq-main-title { padding: 40px 0 56px !important; text-align: center !important; }
html body .faq-main-title h1 {
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 300 !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font-family: 'Manrope', -apple-system, sans-serif !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}
html body .faq-main-title h1 span {
  font-family: 'Cormorant Garamond', 'Manrope', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Section title — same gold-cormorant accent */
html body .faq-section { margin-bottom: 56px !important; }
html body .faq-section-title {
  font-size: clamp(22px, 2.6vw, 28px) !important;
  font-weight: 400 !important;
  color: #1a1410 !important;
  font-family: 'Manrope', sans-serif !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  margin: 0 0 24px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(166, 124, 58, 0.22) !important;
  position: relative !important;
}
html body .faq-section-title span {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* FAQ accordion cards — cream with gold hairline */
html body .faq-card {
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.96) 0%, rgba(245, 235, 215, 0.92) 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-top: 2px solid rgba(166, 124, 58, 0.50) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(120, 90, 50, 0.08) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease !important;
}
html body .faq-card:hover { box-shadow: 0 10px 26px rgba(120, 90, 50, 0.14) !important; border-color: rgba(166, 124, 58, 0.40) !important; }
html body .faq-card.active { border-top-color: rgba(166, 124, 58, 0.85) !important; }

html body .faq-card-question {
  padding: 20px 24px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  background: transparent !important;
  user-select: none !important;
}
html body .faq-card-question > span:first-child {
  font-family: 'Manrope', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.005em !important;
}
html body .faq-card-icon {
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(166, 124, 58, 0.10) !important;
  color: #7d5a2c !important;
  -webkit-text-fill-color: #7d5a2c !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: 'Manrope', sans-serif !important;
  line-height: 1 !important;
  transition: transform 0.22s ease, background 0.22s ease !important;
}
html body .faq-card.active .faq-card-icon { background: linear-gradient(135deg, #d4ad6e 0%, #a67c3a 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; transform: rotate(180deg) !important; }

html body .faq-card-answer {
  display: none !important;
  padding: 0 24px 22px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #3a2a1c !important;
  -webkit-text-fill-color: #3a2a1c !important;
  border-top: 1px dashed rgba(166, 124, 58, 0.25) !important;
  padding-top: 18px !important;
  margin-top: 0 !important;
}
html body .faq-card.active .faq-card-answer { display: block !important; }
html body .faq-card-answer p { margin: 0 0 12px !important; color: #3a2a1c !important; -webkit-text-fill-color: #3a2a1c !important; }
html body .faq-card-answer p:last-child { margin-bottom: 0 !important; }
html body .faq-card-answer ul { margin: 8px 0 12px 0 !important; padding: 0 0 0 22px !important; list-style: none !important; }
html body .faq-card-answer ul li { position: relative !important; padding: 4px 0 4px 18px !important; color: #3a2a1c !important; -webkit-text-fill-color: #3a2a1c !important; }
html body .faq-card-answer ul li::before { content: '◆' !important; position: absolute !important; left: 0 !important; top: 6px !important; color: #c19a5b !important; -webkit-text-fill-color: #c19a5b !important; font-size: 9px !important; }
html body .faq-card-answer strong { color: #1a1410 !important; -webkit-text-fill-color: #1a1410 !important; font-weight: 600 !important; }
html body .faq-hl { color: #a67c3a !important; -webkit-text-fill-color: #a67c3a !important; font-weight: 600 !important; }

/* CTA at bottom — dark glass like step2 */
html body .faq-cta {
  background:
    radial-gradient(circle at 20% 50%, rgba(193, 154, 91, 0.10), transparent 50%),
    linear-gradient(135deg, #2a1f17 0%, #1a1410 100%) !important;
  border-radius: 18px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  color: #f3ecdc !important;
  margin: 48px 0 0 !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18) !important;
  border: 1px solid rgba(193, 154, 91, 0.30) !important;
}
html body .faq-cta h2 {
  color: #f3ecdc !important;
  -webkit-text-fill-color: #f3ecdc !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 12px !important;
}
html body .faq-cta p {
  color: rgba(243, 236, 220, 0.78) !important;
  -webkit-text-fill-color: rgba(243, 236, 220, 0.78) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  margin: 0 0 24px !important;
}
html body .faq-cta-phone {
  display: inline-flex !important;
  align-items: center !important;
  padding: 16px 36px !important;
  background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  box-shadow: 0 12px 28px rgba(166, 124, 58, 0.32) !important;
}
html body .faq-cta-phone:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 36px rgba(166, 124, 58, 0.42) !important; }

/* ── END FAQ scandi-redesign ─────────────────────────────────────────────── */

/* ============================================================
   WCAG SC 1.3.1 — Info and Relationships (Phase 9 2026-05-26)
   Visually-hidden labels for screen readers on form fields. The
   visible UI uses placeholder text; sr-only label provides
   programmatic association via the wrapping <label for=...>.
   ============================================================ */
html body .scandi-form__field-label-sr:not(#__a__):not(#__b__) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* === Extracted from parent header.php inline <style> blocks === */
/* V2 cleanup 2026-05-28 — was inline in header.php lines 99-578 */


/* --- Block 1 (105 lines, was inline) --- */
.wrap-search-form {
                        position: absolute;
                        width: calc(100% - 20px);
                        background: #fff;
                        padding: 5px 10px;
                        max-width: 1180px;
                        box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
                        border-top: 1px solid #eee;
                        display: none;
                      }
                      .wrap-search-form-mb .form-style input.search-form__input,
                      .wrap-search-form .form-style input.search-form__input {
                        height: 35px;
                        padding: 0 10px;
                        border-radius: 7px;
                      }
                      .wrap-search-form-mb {
                        display: none;
                        padding: 15px 10px;
                      }
                      @media(max-width: 1199px) {
                        .wrap-search-form {
                          left: 0px;
                          width: 100%;
                        }
                      }
                      @media(max-width: 767px) {
                        .wrap-search-form,
                        .search-but {
                          display: none !important;
                        }
                        .wrap-search-form-mb {
                          display: block;
                        }
                      }
                      .search-but {
                        cursor: pointer;
                        margin-left: 20px;
                        display: flex;
                        align-items: center;
                      }
                      .scrolled .search-but {
                        margin-left: 0;
                      }
                      .search-but:hover img {
                        opacity: 0.7;
                      }
                      .search-but img {
                        width: 24px;
                      }
/* КОМПАКТНОЕ МЕНЮ ПРИ СКРОЛЛЕ - ОПТИМАЛЬНАЯ ВЕРСИЯ */
@media(min-width: 768px) {
    /* Тень при скролле */
    #header.scrolled,
    .scrolled #header {
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
        background: rgba(255,255,255,0.98);
    }
    
    /* Скрываем верхнюю часть при скролле */
  .scrolled .right .top .mail,
.scrolled .right .top .messengers,
.scrolled .right .top .work-time {
    display: none !important;
}
    
    /* Меню - компактное но читаемое */
    .scrolled .bottom a,
    #header.scrolled .bottom a {
        font-size: 13px !important;
        padding: 5px 7px !important;
        white-space: nowrap !important;
    }
    /* Компактный телефон при скролле */
.scrolled .right .top .phone-wrapper .city-buttons {
    display: none !important;
}
.scrolled .right .top .phone-wrapper .cb-link {
    display: none !important;
}
.scrolled .right .top .phone-wrapper .wrap-phones > div.inactive {
    display: none !important;
}
.scrolled .right .top .phone-wrapper .wrap-phones > div a {
    font-size: 13px !important;
}
    .scrolled .bottom,
    #header.scrolled .bottom {
        gap: 4px !important;
    }
}

/* ВЫПАДАЮЩЕЕ МЕНЮ - ЕДИНЫЙ СТИЛЬ */
.bottom .menu-item-has-children .sub-menu,
.bottom ul ul {
    padding: 10px 0 !important;
}
.bottom .menu-item-has-children .sub-menu li a,
.bottom ul ul li a {
    font-size: 14px !important;
    padding: 12px 20px !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* --- Block 2 (224 lines, was inline) --- */
/* Оригинальные стили wrap-phones */
                        .wrap-phones {
                          display: flex;
                          flex-direction: column;
                          gap: 2px;
                        }
                        /* Кнопки городов */
                        .city-buttons {
                          display: flex;
                          gap: 8px;
                          margin-bottom: 0;
                        }

                        .city-btn {
                          padding: 3px 10px;
                          border: none;
                          border-radius: 4px;
                          font-size: 11px;
                          font-weight: 600;
                          cursor: pointer;
                          font-family: 'Montserrat', sans-serif;
                          background: 
#f0f0f0;
                          color: #666;
                          transition: all 0.3s;
                        }

                        .city-btn.active {
                          background: 
#0066cc;
                          color: white;
                        }

                        /* Полные и короткие названия */
                        .city-btn-full { display: inline; }
                        .city-btn-short { display: none; }
                        /* Активная/неактивная строка - ТОЛЬКО ЦВЕТ, БЕЗ УВЕЛИЧЕНИЯ */
                        .wrap-phones > div {
                          transition: all 0.3s;
                          padding: 3px 6px;
                          border-radius: 3px;
                        }

                        .wrap-phones > div.active {
                          background: linear-gradient(135deg, 
#e6f2ff, 
#cce5ff);
                          opacity: 1;
                        }

                        .wrap-phones > div.active a {
                          color: 
#0066cc !important;
                        }

                        .wrap-phones > div.inactive {
                          opacity: 0.6;
                          background: transparent;
                        }
                        /* КОМПАКТНЫЙ РЕЖИМ ПРИ СКРОЛЛЕ */
                        .scrolled .city-buttons,
                        #header.scrolled .city-buttons,
                        body.scrolled .city-buttons {
                          gap: 5px;
                          margin-bottom: 0;
                        }

                        .scrolled .city-btn,
                        #header.scrolled .city-btn,
                        body.scrolled .city-btn {
                          padding: 2px 8px;
                          font-size: 10px;
                        }

                        /* При скролле показываем КОРОТКИЕ названия */
                        .scrolled .city-btn-full,
                        #header.scrolled .city-btn-full,
                        body.scrolled .city-btn-full {
                          display: none !important;
                        }

                        .scrolled .city-btn-short,
                        #header.scrolled .city-btn-short,
                        body.scrolled .city-btn-short {
                          display: inline !important;
                        }

                        .scrolled .wrap-phones,
                        #header.scrolled .wrap-phones,
                        body.scrolled .wrap-phones {
                          gap: 0;
                        }

                        .scrolled .wrap-phones > div,
                        #header.scrolled .wrap-phones > div,
                        body.scrolled .wrap-phones > div {
                          padding: 0;
                        }

                        /* СКРЫВАЕМ неактивный номер при скролле */
                        .scrolled .wrap-phones > div.inactive,
                        #header.scrolled .wrap-phones > div.inactive,
                        body.scrolled .wrap-phones > div.inactive {
                          display: none !important;
                        }

                        /* НО на мобилках показываем ОБА всегда */
                        @media(max-width: 767px) {
                          .scrolled .wrap-phones > div.inactive,
                          #header.scrolled .wrap-phones > div.inactive,
                          body.scrolled .wrap-phones > div.inactive {
                            display: flex !important;
                            opacity: 1 !important;
                          }
                        }

                        .scrolled .wrap-phones > div a,
                        #header.scrolled .wrap-phones > div a,
                        body.scrolled .wrap-phones > div a {
                          font-size: 12px !important;
                        }
                        /* УВЕЛИЧИВАЕМ ЛУПУ ПРИ СКРОЛЛЕ */
                        .scrolled .search-but img,
                        #header.scrolled .search-but img,
                        body.scrolled .search-but img {
                          width: 20px;
                          height: 20px;
                        }
                        /* СТИЛИ ДЛЯ ВЫПАДАЮЩЕГО МЕНЮ (dropdown) */
                        .bottom .menu-item-has-children .sub-menu,
                        .bottom .dropdown-menu,
                        .bottom ul ul {
                          font-size: 13px !important;
                          padding: 8px 0 !important;
                        }

                        .bottom .menu-item-has-children .sub-menu li,
                        .bottom .dropdown-menu li,
                        .bottom ul ul li {
                          padding: 0 !important;
                        }

                        .bottom .menu-item-has-children .sub-menu li a,
                        .bottom .dropdown-menu li a,
                        .bottom ul ul li a {
                          font-size: 13px !important;
                          padding: 8px 16px !important;
                          display: block;
                          white-space: nowrap;
                        }

                        .bottom .menu-item-has-children .sub-menu li a:hover,
                        .bottom .dropdown-menu li a:hover,
                        .bottom ul ul li a:hover {
                          background: 
#f5f5f5 !important;
                        }
                        /* МОБИЛЬНАЯ ВЕРСИЯ */
                        @media(max-width: 767px) {
                          /* Скрываем кнопки переключения */
                          .city-buttons {
                            display: none !important;
                          }

                          .wrap-phones {
                            flex-direction: column;
                            width: 100%;
                            gap: 0 !important;
                            align-items: center;
                          }

                          /* ВСЕГДА показываем ОБА номера */
                          .wrap-phones > div {
                            padding: 1px 0 !important;
                            margin: 0 !important;
                            display: flex !important;
                            align-items: center;
                            justify-content: center;
                            gap: 6px;
                            opacity: 1 !important;
                            background: transparent !important;
                          }

                          .wrap-phones > div.inactive,
                          .wrap-phones > div.active {
                            display: flex !important;
                            opacity: 1 !important;
                            background: transparent !important;
                          }

                          /* Простые текстовые метки СПб/МСК */
                          .wrap-phones .phones-0::before {
                            content: "СПб";
                            font-size: 10px;
                            font-weight: 700;
                            color: #666;
                            min-width: 32px;
                          }

                          .wrap-phones .phones-1::before {
                            content: "МСК";
                            font-size: 10px;
                            font-weight: 700;
                            color: #666;
                            min-width: 32px;
                          }

                          /* Размер шрифта телефонов */
                          .wrap-phones > div a {
                            font-size: 15px !important;
                          }
                        }
                        @media(max-width: 430px) {
                          .wrap-phones > div a {
                            font-size: 14px !important;
                          }

                          .wrap-phones .phones-0::before,
                          .wrap-phones .phones-1::before {
                            font-size: 9px;
                            min-width: 30px;
                          }
                        }

/* --- Block 3 (43 lines, was inline) --- */
.worktime-lk-wrap {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-end;
                  gap: 3px;
                }
                .client-login-hdr {
                  display: inline-flex;
                  align-items: center;
                  gap: 5px;
                  padding: 3px 10px;
                  background: #0D0F14;
                  color: #C5A855 !important;
                  border-radius: 4px;
                  font-size: 11px;
                  font-weight: 600;
                  font-family: 'Montserrat', sans-serif;
                  text-decoration: none !important;
                  transition: all 0.3s;
                  white-space: nowrap;
                }
                .client-login-hdr:hover {
                  background: #1a1d24;
                  color: #d4b85e !important;
                }
                .client-login-hdr:visited {
                  color: #C5A855 !important;
                }
                .client-login-hdr svg {
                  flex-shrink: 0;
                }
                /* При скролле — скрываем */
                .scrolled .client-login-hdr,
                .scrolled .worktime-lk-wrap .work-time {
                  display: none !important;
                }
                /* Мобильная */
                @media(max-width: 767px) {
                  .worktime-lk-wrap {
                    display: none;
                  }
                }
/* === Extracted from parent components/advantages.php inline <style> === */
/* V2 cleanup 2026-05-28 — was inline in advantages.php lines 9-282 */


/* --- Block 1 (273 lines) --- */
.adv-glass {
    position: relative;
    overflow: visible;
    padding: 0 0 30px;
    margin-top: -60px;
    z-index: 2;
}
.adv-glass__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    align-items: stretch; /* ★ All cards same height = aligned top AND bottom */
}
@media (max-width: 1100px) and (min-width: 769px) { .adv-glass__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .adv-glass { padding-bottom: 10px; margin-top: -30px; }
    .adv-glass__grid {
        display: flex !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding: 0 15px 10px;
        scrollbar-width: none;
    }
    .adv-glass__grid::-webkit-scrollbar { display: none; }
    .adv-card {
        flex: 0 0 75vw;
        scroll-snap-align: center;
    }
    .adv-card__glare, .adv-card__border-glow, .adv-card__glow { display: none !important; }
}

/* ── Card ─────────────────────────────────────────── */
.adv-card {
    perspective: 900px;
    cursor: default;
    display: flex;
    min-width: 0; /* ★ Prevents grid blowout from long words */
}
.adv-card__inner {
    position: relative;
    width: 100%;
    min-width: 0; /* ★ Prevents grid blowout */
    background: linear-gradient(180deg,
        rgba(255,255,255,0.40) 0%,
        rgba(255,255,255,0.60) 30%,
        rgba(255,255,255,0.88) 65%,
        rgba(255,255,255,1.0) 100%
    );
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.55);
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.5s ease-out, border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.9);
    display: flex;
    flex-direction: column;
}
.adv-card.is-hovered .adv-card__inner {
    background: linear-gradient(180deg,
        rgba(255,255,255,0.52) 0%,
        rgba(255,255,255,0.72) 30%,
        rgba(255,255,255,0.95) 65%,
        rgba(255,255,255,1.0) 100%
    );
    border-color: rgba(212,168,67,0.35);
    box-shadow: 0 12px 40px rgba(0,0,0,0.08), 0 0 0 1px rgba(212,168,67,0.12), inset 0 1px 0 rgba(255,255,255,1);
    transition-duration: 0.08s, 0.3s, 0.3s;
}

/* ── Top: image + watermark ───────────────────────── */
.adv-card__top {
    position: relative;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
}
.adv-card__top img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    max-height: 130px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.06));
    transition: transform 0.4s;
}
.adv-card.is-hovered .adv-card__top img { transform: scale(1.06); }

/* ★ Watermark — shifted right, smaller, brighter */
.adv-card__watermark {
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: flex;
    align-items: flex-end;
    z-index: 1;
    pointer-events: none;
    line-height: 1;
}
.adv-card__watermark-num {
    font-size: 50px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    color: rgba(0,0,0,0.12);
    letter-spacing: -3px;
    line-height: 0.85;
    transition: color 0.4s, background 0.4s, -webkit-text-fill-color 0.4s;
}
/* ★ Shimmering gold gradient on hover */
.adv-card.is-hovered .adv-card__watermark-num {
    background: linear-gradient(135deg, #C4860A 0%, #D4940F 20%, #FFD86F 45%, #FFECB3 55%, #FFD86F 70%, #D4A80F 90%, #C4860A 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: adv-gold-shimmer 3s ease-in-out infinite;
}
@keyframes adv-gold-shimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.adv-card__watermark-unit {
    font-size: 12px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    color: rgba(0,0,0,0.12);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 4px;
    transition: color 0.4s, background 0.4s, -webkit-text-fill-color 0.4s;
}
/* ★ Shimmering gold gradient on hover */
.adv-card.is-hovered .adv-card__watermark-unit {
    background: linear-gradient(135deg, #C4860A 0%, #D4940F 20%, #FFD86F 45%, #FFECB3 55%, #FFD86F 70%, #D4A80F 90%, #C4860A 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: adv-gold-shimmer 3s ease-in-out infinite;
}

/* ── Bottom ───────────────────────────────────────── */
.adv-card__bottom {
    padding: 0 20px 22px;
    flex: 1; /* ★ Push desc down for equal alignment */
    display: flex;
    flex-direction: column;
}
.adv-card__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #191919;
    line-height: 1.35;
    text-transform: uppercase;
    margin-bottom: 12px;
    word-break: break-word;
    overflow-wrap: break-word;
}
.adv-card__desc {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #5E6272;
    line-height: 1.55;
    margin-top: auto; /* ★ Pushes to bottom */
    transition: color 0.3s;
    word-break: break-word;
    overflow-wrap: break-word;
}
.adv-card.is-hovered .adv-card__desc { color: #3a3f4a; }

/* ── Hover overlays ───────────────────────────────── */
.adv-card__glare {
    position: absolute; inset: 0; border-radius: 16px;
    pointer-events: none; z-index: 10;
    opacity: 0; transition: opacity 0.3s;
}
.adv-card.is-hovered .adv-card__glare { opacity: 1; }

.adv-card__accent {
    height: 0; margin: 0 20px; border: none;
    border-top: 2px solid transparent;
    transition: border-color 0.4s;
}
.adv-card.is-hovered .adv-card__accent { border-top-color: rgba(212,168,67,0.25); }

.adv-card__glow {
    position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
    width: 50%; height: 20px; border-radius: 50%;
    background: radial-gradient(ellipse, rgba(212,168,67,0.12) 0%, transparent 70%);
    opacity: 0; transition: opacity 0.5s; pointer-events: none;
}
.adv-card.is-hovered .adv-card__glow { opacity: 1; }

.adv-card__border-glow {
    position: absolute; inset: -1px; border-radius: 17px;
    background: linear-gradient(135deg, rgba(212,168,67,0.35) 0%, transparent 20%, transparent 80%, rgba(240,208,120,0.25) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    padding: 1px; pointer-events: none;
    opacity: 0; transition: opacity 0.35s; z-index: 11;
}
.adv-card.is-hovered .adv-card__border-glow { opacity: 1; }

/* ── Swipe indicator (mobile only) ─────────────────── */
.adv-swipe-dots { display: none; }
.adv-swipe-hint { display: none; }

@media (max-width: 768px) {
    .adv-swipe-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 10px 0 5px;
    }
    .adv-swipe-dots span {
        width: 8px; height: 8px;
        border-radius: 50%;
        background: rgba(0,0,0,0.15);
        transition: all 0.3s;
    }
    .adv-swipe-dots span.active {
        width: 24px;
        border-radius: 4px;
        background: linear-gradient(90deg, #D4940F, #FFD86F);
    }
    .adv-swipe-hint {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 4px 0 0;
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        color: rgba(0,0,0,0.3);
        animation: advHintFade 3s ease-in-out forwards;
    }
    .adv-swipe-hint svg {
        animation: advSwipeArrow 1.5s ease-in-out infinite;
    }
    @keyframes advSwipeArrow {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(6px); }
    }
    @keyframes advHintFade {
        0% { opacity: 1; }
        70% { opacity: 1; }
        100% { opacity: 0; }
    }
}
.adv-glass .accordion { font-family:'Montserrat',sans-serif; font-size:14px; background:#F7F7F7; padding:10px; border-radius:5px; line-height:14px; box-shadow:none!important; display:flex; align-items:center; justify-content:space-between; }
.adv-glass .panel { background:#F7F7F7; overflow:auto; }
.adv-glass .programs-block { flex:1; margin-top:20px; }
.adv-glass .but-zav { margin-top:20px; }
.adv-glass .but-zav .styled-btn.styled-btn-1 { min-width:100%; }
/* === V2 cleanup 2026-05-28: inline CSS from footer/location-map/page-4193 === */

/* --- FOOTER block 1 (18 lines, was inline) --- */
.form-style.cbf {z-index:9 !important; position:relative !important;}
	.captcha-dark {display:none; position:fixed; top:0; left:0; background:#03071ac9; width:100%; height:100%; border-radius:0;}
	.captcha-dark.active {display:block;}
	.captcha-dark .captcha-popup {width:600px; padding:25px; border:1px solid #333; background:#fff; margin:0 auto; margin-top:10%;
		border-radius:20px; position:relative;}
	.captcha-dark .captcha-popup p {margin:5px 0 20px 0; text-align:center; line-height:24px;}
	.captcha-dark .captcha-popup .close {position:absolute; top:0; right:5px; cursor:pointer; color:#000; font-size:50px; }
	
	@media screen and (max-width:670px){
		.captcha-dark .captcha-popup {width:95%; margin-top:20%;}
	}
	
	@media screen and (max-width:670px){
		/* 30.7.2025 */
		.catalog .in .items {display:flex; flex-direction:column;}
	}

/* --- LOCATION-MAP block 1 (53 lines, was inline) --- */
.map-tab-button-wrap {
    position: relative;
    display: flex;
    margin-bottom: 10px;
  }
  .map-tab,
  .gallery-tab {
    display: none;
  }
  .map-tab-0,
  .gallery-tab-0 {
    display: block;
  }
  .gallery-tab.gallery-tab-0 {
    margin-bottom: 30px;
  }
  .map-tab-button {
    border: 1px solid #EFF4F6;
    border-radius: 6px 6px;
    padding: 7px 15px;
    background: #EFF4F6;
    min-width: 175px;
    margin-right: 20px;
    cursor: pointer;
    text-align: center;
  }
  .map-tab-button:hover {
    background: #fff;
  }
  .map-tab-button.active-tab {
    background: #fff;
  }
  .map-tab-title {
    display: none;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
  }
  @media(max-width: 500px) {
    .map-tab-button-wrap {
      display: none;
    }
    .map-tab {
      display: block;
    }
    .map-tab.map-tab-0 {
      margin-bottom: 30px;
    }
    .map-tab-title {
      display: block;
    }
  }

/* --- PAGE-4193 block 1 (163 lines, was inline) --- */
body {
                margin: 0;
                font-family: Helvetica Neue, Helvetica Neue, Helvetica, Arial, sans-serif;
            }
            header {
                display: flex;
                align-items: center;
                justify-content: space-evenly;
                flex-direction: column;
            }
            header .top {
                height: 80px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: calc(100% - 40px);
            }
            header .top span {
                color: #444;
                font-size: 28px;
                padding-left: 10px;
            }
            header .top a {
                text-decoration: none;
                height: 40px;
                display: flex;
                width: 200px;
                color: #ffffff;
                font-size: 16px;
                font-family: 'Arial', Arial, sans-serif;
                line-height: 1.55;
                font-weight: 600;
                border-radius: 30px;
                background-color: #229ed9;
                background-position: center center;
                border-color: transparent;
                border-style: solid;
                transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
                align-items: center;
                justify-content: center;
            }
            header .top a:hover {
                opacity: 0.8;
            }
            header .bottom {
                background: #229ed9;
                height: 60px;
                min-height: 60px;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            header .bottom a {
                color: #fff;
                text-decoration: none;
                font-size: 28px;
                text-align: center;
            }
            .logo {
                font-size: 24px;
                color: #fff;
                display: flex;
                font-weight: bold;
                align-items: center;
            }
            .logo img {
                width: 50px;
            }
            .form-style input[type=tel] {
                width: 198px;
                outline: 0;
                height: 54px;
                font-size: 22px;
                line-height: 14px;
                font-family: Montserrat, sans-serif;
                border: 1px solid #000;
                background-color: #f7f7f7;
                font-weight: 300;
                border-radius: 33px;
                color: #191919;
                padding: 0 20px;
                margin: 0 auto;
                display: block;
            }
            .form-style input[type=tel].error {
                border-color: #f00;
            }
            .styled-btn {
                border-radius: 36px;
                max-width: 240px;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                background-color: #229ED9;
                color: #fff;
                font-size: 16px;
                font-weight: 600;
                width: 100%;
                min-height: 54px;
                border: none;
                cursor: pointer;
                margin: 0 auto;
                text-transform: uppercase;
            }
            .styled-btn:hover {
                opacity: 0.9;
            }
            .form-wrapper {
                margin: 100px auto 60px;
                width: 420px;
                border-radius: 20px;
                padding: 40px 10px;
                background-color: #ffffff;
                background-position: center center;
                border-color: transparent;
                border-style: solid;
                box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.5);
            }
            .form-title {
                color: #444;
                font-weight: bold;
                text-align: center;
                line-height: 1.2;
                font-size: 25px;
            }
            .input-wrapper {
                margin: 32px 0;
            }

            @media(max-width: 800px) {
                header .bottom a {
                    font-size: 22px;
                }
            }
            @media(max-width: 450px) {
                header .top .download {
                    display: none;
                }
                header .bottom a {
                    font-size: 18px;
                    padding: 0 15px;
                }
                .form-wrapper {
                    width: calc(100% - 30px);
                    margin: 100px 15px 100px;
                    padding: 0;
                }
                .styled-btn {
                    min-width: initial;
                }
                form {
                    padding: 30px 15px;
                }
                .form-title {
                    font-size: 20px;
                }
            }

/* === V2.S2b 2026-05-28: Footer logo visibility ===
   scandi_logo.png is a DARK logo (brightness 81/255) — invisible on the dark
   footer background. Header replaces it with a gold deer ::before; footer has
   no such treatment. Tint the footer logo image to cream/white so it shows. */
html body footer .site-logo img,
html body .scandi-fenh .site-logo img,
html body footer.scandi-fenh .left .site-logo img {
  filter: brightness(0) invert(1) !important;  /* dark PNG → white */
  opacity: 0.9 !important;
  max-height: 40px !important;
  width: auto !important;
  display: inline-block !important;
}

/* === V2 cleanup 2026-05-28: inline CSS from rate-quality + house-constructor === */

/* --- RATE-QUALITY block 1 (2 lines) --- */
.rite-quality-wrapper {background: url('<?=$bD['image']['url']?>') no-repeat;background-size: cover}

/* --- RATE-QUALITY block 2 (2 lines) --- */
.rite-quality-wrapper {background: url('<?=$image['url']?>') no-repeat;background-size: cover}

/* --- RATE-QUALITY block 3 (2 lines) --- */
.rite-quality-wrapper::before {content: '';background: url('<?=$bD['manager_photo']['url']?>') no-repeat center bottom;background-size: contain}

/* --- RATE-QUALITY block 4 (2 lines) --- */
.rite-quality-wrapper::before {content: '';background: url('<?=$manager_photo['url']?>') no-repeat center bottom;background-size: contain}

/* --- RATE-QUALITY block 5 (53 lines) --- */
.rite-quality-right {
    z-index: 5;
  }
  .rite-quality-more {
    cursor: pointer;
  }
  .rite-quality-more-text {
    display: none;
    padding: 50px 40px 40px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    margin-top: -10px;
  }
  .rite-quality-more-text li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 12px;
    max-width: 575px;
    font-size: 16px;
    line-height: 26px;
  }
  .rite-quality-more-text p {
    margin-bottom: 20px;
    padding-left: 12px;
    max-width: 575px;
    font-size: 16px;
    line-height: 26px;
  }
  .rite-quality-more-text p b {
    font-weight: bold;
    margin-bottom: -12px;
    position: relative;
    display: block;
  }
  .rite-quality-more-text p b:before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    left: -12px;
    background: #3F7BD4;
    border-radius: 50%;
    top: calc(50% - 3px);
  }


  @media (max-width: 991px) {
    .rite-quality-more-text {
      padding: 30px 20px 20px;
    }
  }

/* --- HOUSE-CONSTRUCTOR block 1 (37 lines) --- */
.page-item-1851 .b-title.ff-BadScript {
    font-family: 'Bad Script';
}
 .page-item-1851 .in .text {
    position: absolute;
    top: -35px;
    right: 90px;
}
   .page-item-1851 .in {
            position: relative;
    }
    
   .page-item-1851 .in .text span:after {
    content: '';
    position: absolute;
    top: 55%;
    left: 90%;
    background-image: url(data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20140.65%20288.46%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23bbbfc0%3Bstroke-miterlimit%3A10%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3E%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81%202%3C/title%3E%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_2%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%202%22%3E%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_5%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%205%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M120.12.5c-3,0,42,69,6,163-23.44,61.19-98,112-126,119%22/%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%226.62%22%20y1%3D%22269%22%20x2%3D%220.62%22%20y2%3D%22282%22/%3E%3C/g%3E%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_7%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%207%22%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2214.62%22%20y1%3D%22288%22%20x2%3D%220.62%22%20y2%3D%22282%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
    background-repeat: no-repeat;
    width: 144px;
    height: 130px;
    transform: rotate(-15deg);
}
    
  
    
    @font-face{font-display:swap;font-family:'Bad Script';src:url(/wp-content/themes/karkasnye-doma/fonts/badScript/BadScript-Regular.eot);src:local('Bad Script Regular'),local('BadScript-Regular'),
url(/wp-content/themes/karkasnye-doma/fonts/badScript/BadScript-Regular.eot?#iefix) format('embedded-opentype'),url(/wp-content/themes/karkasnye-doma/fonts/badScript/BadScript-Regular.woff) format('woff'),
url(/wp-content/themes/karkasnye-doma/fonts/badScript/BadScript-Regular.ttf) format('truetype');font-weight:400;font-style:normal;text-rendering:optimizeLegibility}
    
      @media (min-width: 0px) and (max-width: 767px) {
   .page-item-1851 .in  .text {
    display: none;
}
    }

/* ============================================================
   V2 2026-05-28: Desktop header fit (≤1440px viewport)
   ============================================================
   Pre-existing issue: at exactly 1440px the header right-cluster
   (.right .top: messengers + phone-wrapper with FULL city names +
   Заказать звонок + Вход для клиентов) summed to ~1806px and
   overflowed past the viewport — «Заказать звонок» got cut off,
   «Вход для клиентов» pushed off-screen. (Fit fine at 1920px, so it
   was latent.) Fix: on desktop top-bar use SHORT city labels (СПб/МСК),
   hide redundant messenger icons (they live in footer + drawer), and
   let flex children shrink. Brings the cluster comfortably under 1440. */
@media (min-width: 992px) {
  /* Short city labels in the top switcher (full names only waste width) */
  html body #header .right .top .city-btn .city-btn-full { display: none !important; }
  html body #header .right .top .city-btn .city-btn-short { display: inline !important; }
  /* Messenger icons are redundant in the top bar (present in footer + drawer) */
  html body #header .right .top .messengers { display: none !important; }
  /* Let the cluster + its children shrink instead of overflowing */
  html body #header .right .top {
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
  }
  html body #header .right .top .phone-wrapper,
  html body #header .right .top .worktime-lk-wrap,
  html body #header .right .top .cb-link {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }
}

/* ============================================================
   V2 2026-05-28: Desktop header cosmetic cleanup (≥992px)
   После фикса overflow всплыли 3 косметики — чиним чисто:
   1. Пунктирный logo-placeholder (::before) — мусор, текстовый логотип
      «Сканди ЭкоДом» уже есть. Скрываем placeholder.
   2. «Заказать звонок» + «Вход для клиентов» слипались — добавляем отступ.
   3. City-switcher показывал голый toggle без меток — даём читаемые СПб/МСК.
   ============================================================ */
@media (min-width: 992px) {
  /* 1. Убрать пустой пунктирный placeholder под лого (есть текст-логотип) */
  html body #header .left .site-logo::before {
    display: none !important;
  }
  /* 2. Отступ между «Заказать звонок» и «Вход для клиентов» */
  html body #header .right .top .worktime-lk-wrap {
    margin-left: 18px !important;
  }
  /* 3. City-switcher: читаемые короткие метки СПб/МСК внутри кнопок */
  html body #header .right .top .city-buttons .city-btn {
    width: auto !important;
    min-width: 44px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  html body #header .right .top .city-buttons .city-btn .city-btn-short {
    display: inline !important;
    visibility: visible !important;   /* override leftover animation rule that hid labels */
    opacity: 1 !important;
    height: auto !important;          /* parent style.min.css collapses to height:0 */
    min-height: 1em !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: inherit !important;
  }
  html body #header .right .top .city-buttons .city-btn .city-btn-full {
    display: none !important;
  }
}

/* === V2 cleanup 2026-05-28: inline CSS from slider.php (cert swiper mobile) === */
@media (max-width: 785px) {
.cert-container .swiper-container .swiper-slide {
    background-size: contain;
    width: 50%!important;
    height: auto!important;
     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!important;
            min-height: 265px!important;
        }
    }

/* ============================================================
   FA.1 fix-2 2026-05-28: cream-floating (catalog) responsive
   ============================================================
   Моё desktop-правило .scandi-form--theme-cream-floating .scandi-form__card
   (2 класса) специфичнее generic @media(max-width:900px) .scandi-form__card
   (1 класс) — поэтому мобильный НЕ схлопывался (книга душила форму до 106px).
   Дублирую collapse с cream-floating-специфичностью. + desktop форма шире. */
@media (min-width: 901px) {
  /* Форма заполняет левую колонку целиком (была max-width:420px → поля 116px) */
  html body .scandi-form--theme-cream-floating .scandi-form__form:not(#__a__):not(#__b__) {
    max-width: none !important;
    width: 100% !important;
  }
}
@media (max-width: 900px) {
  /* Одна колонка, книга скрыта, форма на всю ширину */
  html body .scandi-form--theme-cream-floating .scandi-form__card:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    /* desktop cream-floating padding 48px 56px (2-class) НЕ перебивался generic
       900px-правилом (1-class) → на 375px card-padding 56px душил поля до 145px.
       Сужаем padding для мобильного с нужной cream-floating специфичностью. */
    padding: 32px 20px !important;
  }
  html body .scandi-form--theme-cream-floating .scandi-form__media--absolute-float:not(#__a__):not(#__b__) {
    display: none !important;
  }
  html body .scandi-form--theme-cream-floating .scandi-form__content:not(#__a__):not(#__b__) {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  /* Поля в одну колонку на телефоне */
  html body .scandi-form--theme-cream-floating .scandi-form__fields:not(#__a__):not(#__b__),
  html body .scandi-form--theme-cream-floating .scandi-form__fields--catalog:not(#__a__):not(#__b__) {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================================
   DISCOUNT CALCULATOR — scandi cream migration  (FA.2 2026-05-28)
   ----------------------------------------------------------------------------
   Parent components/discount-calculator.php renders a fully BLUE (#3F7BD4)
   mortgage calculator on /karkasnyj-dom-v-ipoteku/ — the last old-design form.
   This block recolours it to the scandi cream/gold canon (matches cbform
   contact + get-catalog cream surfaces). Scoped under #discount-calculator
   (id on the parent root <div>). The slider TRACK fill is repainted gold in
   scandi-redesign.js because parent app.min.js sets it inline on every `input`;
   here we colour the slider THUMB + every static blue surface.
   ============================================================================ */
html body #discount-calculator .calculator-block--discount {
  border-radius: 18px !important;
}
html body #discount-calculator .in,
html body #discount-calculator .calculator-block--discount .in {
  border-color: rgba(166, 124, 58, 0.22) !important;
}

/* --- title --- */
html body #discount-calculator .title.b-title {
  color: #1e130a !important;
  font-weight: 600 !important;
  letter-spacing: -.5px !important;
}
html body #discount-calculator .title.b-title i,
html body #discount-calculator .title.b-title b {
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

/* --- CASH card (was light-blue #EFF4F6) --- */
html body #discount-calculator .cash-discount {
  background: linear-gradient(135deg, #faf4e8 0%, #f3e8d2 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 16px !important;
}
html body #discount-calculator .cash-discount__title i {
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-style: normal !important;
}
html body #discount-calculator .cash-discount__label {
  color: #6b5d49 !important;
}
html body #discount-calculator .cash-discount__value {
  color: #a67c3a !important;
}
/* result chip — the one dark "price emphasis" surface (like step2 price cards) */
html body #discount-calculator .cash-discount__total {
  background: #1e130a !important;
  color: #ffe5b8 !important;
  border-radius: 12px 12px 0 0 !important;
}
html body #discount-calculator .cash-discount__total-heading {
  color: rgba(255, 229, 184, 0.72) !important;
}
html body #discount-calculator .cash-discount__total-price {
  color: #ffe5b8 !important;
}

/* --- MORTGAGE card (was grey #F9FAFB) --- */
html body #discount-calculator .discount-calc__mortgage {
  background: linear-gradient(135deg, rgba(255, 252, 245, 0.97) 0%, rgba(247, 241, 230, 0.95) 100%) !important;
  border: 1px solid rgba(166, 124, 58, 0.22) !important;
  border-radius: 16px !important;
}
html body #discount-calculator .discount-calc__heading {
  color: #1e130a !important;
}
html body #discount-calculator .discount-calc__heading i {
  background: linear-gradient(135deg, #a67c3a, #c19a5b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-style: normal !important;
}
html body #discount-calculator .discount-calc__item .c-name {
  color: #6b5d49 !important;
}
html body #discount-calculator .discount-calc__item--big .c-name {
  color: #1e130a !important;
}
html body #discount-calculator .page-range__heading {
  color: #1e130a !important;
}
html body #discount-calculator .discount-calc__mortgage-total,
html body #discount-calculator .discount-calc__mortgage-price {
  color: #1e130a !important;
}

/* --- SLIDERS: thumb gold (track fill repainted gold by scandi-redesign.js) --- */
html body #discount-calculator .page-range__slider {
  /* fallback before JS paints — gold at 0% */
  background: linear-gradient(to right, #a67c3a 0%, #a67c3a 0%, #ece1cd 0%, #ece1cd 100%);
}
html body #discount-calculator .page-range__slider::-webkit-slider-thumb {
  background: #a67c3a !important;
  box-shadow: 0 1px 4px rgba(120, 90, 50, 0.35) !important;
}
html body #discount-calculator .page-range__slider::-moz-range-thumb {
  background: #a67c3a !important;
}

/* --- SAVINGS line (was blue) --- */
html body #discount-calculator .discount-calc__savings {
  color: #1e130a !important;
}
html body #discount-calculator .discount-calc__savings-amount {
  color: #a67c3a !important;
}
html body #discount-calculator .discount-calc__savings-amount:before {
  background-image: linear-gradient(to right, rgba(166, 124, 58, 0.40) 33%, rgba(255, 255, 255, 0) 0%) !important;
}

/* --- BUTTON: scandi gold gradient --- */
html body #discount-calculator .discount-calc__btn {
  background: linear-gradient(135deg, #a67c3a 0%, #c19a5b 100%) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 8px 24px rgba(166, 124, 58, 0.28) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
html body #discount-calculator .discount-calc__btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 30px rgba(166, 124, 58, 0.36) !important;
}
html body #discount-calculator .terms,
html body #discount-calculator .discount-calc__terms {
  color: #8a7a63 !important;
}
html body #discount-calculator .discount-calc__terms a {
  color: #a67c3a !important;
}

/* --- desktop: keep savings + CTA clear of the manager photo (no overlap) ----
   Photo is position:absolute right:0 (max-width ~430px, shown only ≥1140px).
   The cash/mortgage CARDS above are opaque so they cover the photo's empty top
   cleanly, but the bare savings text + gold CTA sat ON the photo (x≥773 at
   1440). Cap their width so they live in the left content zone, clear of the
   photo. Below 1140px the parent hides the photo, so the cap is dropped and
   they span full width again. --- */
@media (min-width: 1140px) {
  html body #discount-calculator .discount-calc__savings,
  html body #discount-calculator .discount-calc__footer {
    max-width: 480px !important;
  }
}

/* --- loading spinner: blue rects → gold --- */
html body #discount-calculator .calculator-block.load:before {
  background-color: rgba(255, 252, 245, 0.92) !important;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(247, 241, 230); display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="19" y="19" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate></rect><rect x="40" y="19" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate></rect><rect x="61" y="19" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate></rect><rect x="19" y="40" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate></rect><rect x="61" y="40" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete"></animate></rect><rect x="19" y="61" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete"></animate></rect><rect x="40" y="61" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete"></animate></rect><rect x="61" y="61" width="20" height="20" fill="%23a67c3a"><animate attributeName="fill" values="%23fefefe;%23a67c3a;%23a67c3a" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete"></animate></rect></svg>') !important;
}