/* ==========================================================================
   VIRTUS — светлый скин «Steel» (22.09.2026)
   Оформление по референсу заказчика: светлый фон, белые карточки с тонкой
   рамкой и скруглением, тёмные блоки-врезки (шапка, хиро, плитки категорий,
   CTA-полосы, каталог) и золотой акцент на кнопках.
   Структура блоков, их порядок и расположение кнопок НЕ меняются —
   этот файл трогает только цвет, типографику, рамки и отступы.
   Грузится последним (redesign.php, приоритет 999), поэтому перекрывает
   figma.css / theme.css / home-2026.css без правок в них.
   ========================================================================== */

/* ── 0. Шрифт ─────────────────────────────────────────────────────────────
   Inter вместо связки Condens Bold + IBM Plex Mono: в референсе обычный
   гротеск, заголовки капсом с разрядкой. Файлы лежат рядом с прежними
   шрифтами макета, внешних хостов не появляется. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
 src:url('../figma/fonts/Inter-cyrillic.woff2') format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
 src:url('../figma/fonts/Inter-latin.woff2') format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
 src:url('../figma/fonts/Inter-latin-ext.woff2') format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Заголовки — Manrope: геометрический гротеск с плотными апертурами,
   в капсе держит строку жёстче Inter и не выглядит браузерным дефолтом. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;
 src:url('../figma/fonts/Manrope-cyrillic.woff2') format('woff2');
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;
 src:url('../figma/fonts/Manrope-latin.woff2') format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;
 src:url('../figma/fonts/Manrope-latin-ext.woff2') format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Шрифт задаётся сквозной заменой: в проекте десятки правил с шорткатом
   `font:400 14px/1.4 'IBM Plex Mono'`, где семейство зашито внутрь. */
body.fg-preview,
body.fg-preview *{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif !important}
body.fg-preview :is(h1,h2,h3,h4,h5,h6),
body.fg-preview :is(h1,h2,h3,h4,h5,h6) *,
body.fg-preview :is(.h2-pick__promo-ttl,.h2-help__stats b,.fg-factory-facts b,.door-price,.c-price,
 .h2-top__price,.about-fact b,.qz-title){
  font-family:'Manrope','Inter',system-ui,sans-serif !important;
}

/* ── 1. Палитра и токены ────────────────────────────────────────────────── */
body.fg-preview{
  --sk-bg:#f4f5f7;        /* фон страницы */
  --sk-card:#ffffff;      /* карточки и панели */
  --sk-card-2:#fafbfc;    /* второстепенные плашки */
  --sk-line:#e4e7ec;      /* рамки на светлом */
  --sk-ink:#14161a;       /* основной текст */
  --sk-ink-2:#6b7280;     /* второстепенный текст */
  --sk-ink-3:#9aa1ab;     /* подписи */
  --sk-dark:#16181c;      /* тёмные блоки-врезки */
  --sk-dark-2:#1f2229;    /* тёмные карточки */
  --sk-dark-line:rgba(255,255,255,.14);
  /* Акцент — тёмная латунь, а не солнечное золото: он живёт рядом со
     сталью и ореховыми вставками на фото, и не спорит с фотографией. */
  --sk-gold:#a9762a;      /* акцент */
  --sk-gold-h:#c08c36;    /* акцент на ховере */
  --sk-gold-ink:#7d5511;  /* латунь для мелкого текста на светлом */
  --sk-gold-dk:#d8a14a;   /* акцент на тёмном фоне, где нужен подсвет */
  --sk-on-gold:#14100a;   /* текст на латунной заливке: тёмный проходит контраст */
  /* Геометрия референса жёстко прямоугольная: скругления 3–6 px и никаких
     теней — карточки держатся рамкой и заливкой, а не «парением». */
  --sk-r-sm:3px; --sk-r-md:4px; --sk-r-lg:6px;
  --sk-shadow:none;
  --sk-tile:#e6e9ef;      /* серая плитка «Почему выбирают нас» */

  /* старые токены переводим на новую палитру, чтобы унаследованные правила
     красили элементы согласованно, а не бежевым/коричневым */
  --paper:#ffffff; --paper-2:#f4f5f7; --paper-3:#ffffff;
  --on-paper:#14161a; --on-paper-2:#6b7280; --line-p:#e4e7ec;
  --ink:#16181c; --ink-2:#1f2229; --ink-3:#262a31;
  --line:#e4e7ec; --line-2:#d7dbe1; --steel:#6b7280; --steel-dk:#6b7280;
  --amber:#a9762a; --amber-2:#a9762a; --amber-lt:#d8a14a;
  --amber-sm:#d8a14a; --amber-sm-p:#7d5511;

  background:var(--sk-bg); color:var(--sk-ink);
  font:400 16px/1.6 'Inter',system-ui,sans-serif;
}
html[data-theme="light"]{background:#f4f5f7}

/* ── 2. Типографика ─────────────────────────────────────────────────────── */
body.fg-preview :is(h1,h2,h3,h4,h5,h6){
  font-weight:800; letter-spacing:.02em; line-height:1.15;
  color:inherit; text-wrap:balance;
}
/* Капсом — только заголовки секций и страниц, как в референсе. Тексты
   статей, карточек товара и юридических страниц остаются как есть. */
body.fg-preview :is(.fg-home2 h2,.fg-block>h2,.fg-block>h1,.h2-hero h1,.h2-help__copy h2,.page-head h1,
 .sec-head h2,.cta-band h2,.door-section>h2,.door-lead>h2,.shopgal__head h3,
 .about-sec .sec-head h2,.geo-copy h2,.partner-request h2,.rvc-head h2,.q h2){
  text-transform:uppercase;
}
/* Заголовок истории в блоге — обычным регистром: капс на длинной фразе
   читается тяжело, в референсе так набраны только названия секций. */
body.fg-preview.single .page-head h1{text-transform:none; letter-spacing:0}
body.fg-preview :is(h1,h2,h3) :is(i,em,span){font-style:normal; color:inherit}

/* Крупные кегли Condens больше не нужны: гротеск на тех же размерах
   «кричит». Шкала — как в референсе: H1 44–56, H2 секции 22–28. */
body.fg-preview .fg-block :is(h1,h2){font-size:clamp(1.45rem,2.4vw,2.05rem); letter-spacing:.045em}
body.fg-preview .fg-block h3{font-size:clamp(1.1rem,1.5vw,1.3rem); letter-spacing:.03em}
body.fg-preview .h2-hero h1,
body.fg-preview .fg-block .h2-hero h1{font-size:clamp(2.3rem,4.6vw,4.05rem); letter-spacing:-.012em; line-height:1.02}
body.fg-preview .page-head h1,
body.fg-preview:is(.fg-catalog,.fg-project-page,.page-template-contacts-v2,.page-template-about-v2) .page-head h1{
  font-size:clamp(1.9rem,3.2vw,2.7rem); letter-spacing:.01em; line-height:1.12;
}
body.fg-preview :is(.card h2,.pcard h2,.cta-band h2,.sec-head h2,.tp-body h2,.lead-panel h2,
 .info-card h3,.geo-copy h2,.partner-request h2,.door-info h1,.door-section>h2,.door-lead>h2,
 .rvf-title,.q h2,.rvc-head h2,.rvch-panel h2,.tp-body h3){
  font-size:clamp(1.2rem,1.9vw,1.55rem); letter-spacing:.04em; line-height:1.2;
}
body.fg-preview .door-info h1{font-size:clamp(1.6rem,2.6vw,2.2rem); letter-spacing:.01em}
body.fg-preview :is(.fg-block h1,.fg-block h2,.fg-block h3,.page-head h1,.card h2,.pcard h2,
 .cta-band h2,.sec-head h2,.door-info h1,.q h2){line-height:1.15}

/* Страница «О компании»: в theme.css у неё свои увеличенные кегли под
   узкий Condens — на Manrope они кричат, возвращаем общую шкалу. */
body.fg-preview.page-template-about-v2 .about-sec .sec-head h2{font-size:clamp(1.45rem,2.4vw,2.05rem)}
body.fg-preview.page-template-about-v2 .page-head h1{font-size:clamp(1.9rem,3.2vw,2.7rem)}

/* Мелкие подписи-«моно» становятся обычными капсовыми метками. */
body.fg-preview .mono,
body.fg-preview .eyebrow,
body.fg-preview .crumbs{letter-spacing:.1em; text-transform:uppercase; font-size:.7rem; font-weight:600}
body.fg-preview .crumbs{text-transform:none; letter-spacing:.01em; font-weight:400; font-size:.8rem; color:var(--sk-ink-2)}
body.fg-preview .eyebrow{color:var(--sk-gold-ink)}

/* ── 3. Кнопки ──────────────────────────────────────────────────────────── */
/* Прежний вид — тёмная «таблетка» с золотым кружком-стрелкой — задан в
   theme.css через !important, поэтому здесь тоже !important и утроенный
   класс: по правилам каскада спор решает специфичность. */
body.fg-preview .btn.btn.btn,
body.fg-preview .fg-button.fg-button.fg-button,
body.fg-preview .nav-cta.nav-cta.nav-cta{
  display:inline-flex !important; align-items:center; justify-content:center; gap:.5rem !important;
  padding:.85rem 1.6rem !important; min-height:46px !important;
  border:1px solid var(--sk-line) !important; border-radius:var(--sk-r-sm) !important;
  background:var(--sk-card) !important; color:var(--sk-ink) !important;
  font-size:.78rem !important; font-weight:600; letter-spacing:.09em; text-transform:uppercase; line-height:1.2;
  text-decoration:none; white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s;
}
/* Главная кнопка — золотая заливка с тёмным текстом. */
body.fg-preview .fg-button-filled.fg-button-filled.fg-button-filled,
body.fg-preview .btn-amber.btn-amber.btn-amber,
body.fg-preview .btn-dark.btn-dark.btn-dark,
body.fg-preview .nav-cta.nav-cta.nav-cta{
  background:var(--sk-gold) !important; color:var(--sk-on-gold) !important; border-color:var(--sk-gold) !important;
}
body.fg-preview .nav-cta.nav-cta.nav-cta{padding:.7rem 1.3rem !important; min-height:42px !important}
@media(hover:hover){
  body.fg-preview .fg-button-filled.fg-button-filled.fg-button-filled:hover,
  body.fg-preview .btn-amber.btn-amber.btn-amber:hover,
  body.fg-preview .btn-dark.btn-dark.btn-dark:hover,
  body.fg-preview .nav-cta.nav-cta.nav-cta:hover{
    background:var(--sk-gold-h) !important; border-color:var(--sk-gold-h) !important; color:var(--sk-on-gold) !important;
  }
  body.fg-preview .fg-button.fg-button.fg-button:not(.fg-button-filled):hover,
  body.fg-preview .btn.btn.btn:not(.btn-amber):not(.btn-dark):hover{
    border-color:var(--sk-ink) !important; background:var(--sk-card) !important; color:var(--sk-ink) !important;
  }
}
/* Кнопка на тёмном фоне — контур по светлому. */
body.fg-preview :is(.h2-hero,.h2-help__band,.fg-ai,.fg-factory,.h2-pick__promo,.cta-band,.sk-dark)
 .fg-button.fg-button.fg-button:not(.fg-button-filled),
body.fg-preview :is(.h2-hero,.h2-help__band,.fg-ai,.fg-factory,.cta-band,.sk-dark)
 .btn.btn.btn:not(.btn-amber):not(.btn-dark){
  background:transparent !important; color:#fff !important; border-color:rgba(255,255,255,.4) !important;
}
@media(hover:hover){
  body.fg-preview :is(.h2-hero,.h2-help__band,.fg-ai,.fg-factory,.cta-band,.sk-dark)
   .fg-button.fg-button.fg-button:not(.fg-button-filled):hover,
  body.fg-preview :is(.h2-hero,.h2-help__band,.fg-ai,.fg-factory,.cta-band,.sk-dark)
   .btn.btn.btn:not(.btn-amber):not(.btn-dark):hover{
    background:rgba(255,255,255,.12) !important; border-color:#fff !important; color:#fff !important;
  }
}
/* Стрелка — обычный знак, а не золотой кружок-бейдж (theme.css:776).
   Анимация подмены стрелок из motion.js при этом продолжает работать. */
body.fg-preview :is(.btn,.fg-button,.nav-cta) > :is(i,span[aria-hidden="true"]){
  width:auto !important; height:auto !important; min-width:0 !important;
  background:none !important; border-radius:0 !important; color:inherit !important;
  font-size:1em !important;
}
/* Левая стрелка выезжает только на ховере (motion.css) — в покое её нет. */
body.fg-preview .vm-arrow .vm-arrow-left{opacity:0}
body.fg-preview .vm-arrow{--arrow-size:1.1em}

/* Текстовая ссылка со стрелкой. */
body.fg-preview .link-arrow{
  display:inline-flex; align-items:center; gap:.5rem; padding:0 0 .35rem;
  border-bottom:1px solid var(--sk-gold); color:inherit;
  font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
}

/* ── 4. Шапка и мобильное меню ──────────────────────────────────────────── */
body.fg-preview .nav{
  background:var(--sk-dark) !important; color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
body.fg-preview .nav :is(.logo,.logo span,.nav-links a,.nav-tel){color:#fff !important}
body.fg-preview .nav .logo span{letter-spacing:.34em; font-weight:700}
body.fg-preview .nav-links a{
  font-size:.76rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase;
  opacity:.75; transition:opacity .2s,color .2s;
}
body.fg-preview .nav-links a:hover{opacity:1; color:var(--sk-gold-dk) !important}
body.fg-preview .nav-links a.is-here{opacity:1; color:var(--sk-gold-dk) !important}
body.fg-preview .nav-tel{font-size:.85rem; font-weight:600; letter-spacing:.02em; opacity:.95}
body.fg-preview .burger{color:#fff}
body.fg-preview .burger span{background:#fff}
body.fg-preview .mobile-menu{background:var(--sk-dark); color:#fff}
body.fg-preview .mobile-menu a{color:#fff}

/* ── 5. Главная ─────────────────────────────────────────────────────────── */
/* Вертикальный ритм референса плотнее прежнего: 120 → 88. */
body.fg-home{--home-section:88px}
body.fg-preview .fg-site{gap:clamp(56px,6vw,88px); background:var(--sk-bg)}
body.fg-preview .fg-home2 .fg-block{color:var(--sk-ink); background:transparent}

/* Шапка секции: заголовок + отбивка. Заголовки «Двери из каталога» и
   «Самые смелые проекты» лежат внутри своих шапок-строк с кнопкой справа,
   поэтому перечислены отдельно. */
body.fg-preview .fg-home2 :is(.fg-block>h2,.h2-top__head h2,.h2-works__head h2,.h2-cats__head h2){
  position:relative; padding-bottom:1rem; margin-bottom:0;
}
body.fg-preview .fg-home2 :is(.fg-block>h2,.h2-top__head h2,.h2-works__head h2,.h2-cats__head h2)::after{
  content:''; position:absolute; left:0; bottom:0; width:44px; height:2px; background:var(--sk-gold);
}
/* Линия во всю ширину под шапкой секции: она отделяет заголовок от сетки
   так же, как разлиновка в бумажном каталоге. */
body.fg-preview .fg-home2 :is(.h2-cats,.h2-why,.h2-works)>h2,
body.fg-preview .fg-home2 .h2-works__head{
  border-bottom:1px solid var(--sk-line); padding-bottom:1.1rem;
}
body.fg-preview .fg-home2 .h2-works__head{align-items:flex-end}
body.fg-preview .h2-cats__head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
  border-bottom:1px solid var(--sk-line); padding-bottom:1.1rem;
}
body.fg-preview .h2-cats__sub{
  margin-top:.9rem; max-width:56ch; font-size:.92rem; line-height:1.6; color:var(--sk-ink-2);
}

/* Блок географии выровнен по центру — отбивку центрируем следом. */
body.fg-preview .fg-home2 .fg-geography h2::after{left:50%; transform:translateX(-50%)}
/* В тёмных врезках отбивка не нужна — там заголовок и так выделен. */
body.fg-preview .fg-home2 :is(.h2-help__copy,#ai) h2::after{display:none}
body.fg-preview .fg-home2 :is(.h2-cats__grid,.h2-why__grid,.h2-works__grid,.h2-top__grid,.h2-pick__grid){
  margin-top:clamp(1.6rem,3vw,2.4rem);
}

/* 1. Первый экран — тёмный кадр. Кадрирование по центру: дверь с бра
   должна попадать в кадр целиком (assets/img/hero-steel-2026-09-v1.jpg). */
body.fg-preview .h2-hero{background:var(--sk-dark); min-height:min(94vh,880px)}
body.fg-preview .h2-hero__photo img{object-position:60% 50%}
body.fg-preview .h2-hero__scrim{
  background:linear-gradient(100deg,rgba(10,11,13,.92) 0%,rgba(10,11,13,.82) 36%,rgba(10,11,13,.35) 64%,rgba(10,11,13,.1) 100%);
}
/* Раскладка первого экрана: заголовок прижат к верхней трети, лид
   приходится на середину кадра, смыслы — квадратом 2×2 внизу. Колонка
   тянется на всю высоту, поэтому space-between распределяет три группы
   сам и не зависит от длины текста. */
body.fg-preview .h2-hero__inner{
  color:#fff; align-items:stretch;
  padding-block:clamp(7rem,12vh,9.5rem) clamp(3.5rem,7vh,5.5rem);
}
/* Колонка тянется на всю высоту кадра, поэтому сетка из трёх полос ставит
   лид ровно по центру экрана: заголовок сверху, смыслы квадратом снизу —
   в центр они не уезжают при любой длине текста. */
body.fg-preview .h2-hero{align-items:stretch}
body.fg-preview .h2-hero__inner{flex:1 1 auto}
body.fg-preview .h2-hero__main{
  display:flex; flex-direction:column; justify-content:center;
  gap:clamp(1.4rem,2.6vh,2.2rem); flex:1 1 auto; min-height:0;
}
body.fg-preview .h2-hero__act{align-self:flex-end; padding-bottom:.4rem}
body.fg-preview .h2-hero h1{color:#fff; margin:0}
/* «Свет» — акцентом: слово держит смысл фразы и перекликается с тёплым
   светом бра на кадре. */
body.fg-preview .h2-hero h1 em{color:var(--sk-gold-dk)}
body.fg-preview .h2-hero__lead{
  margin:0; max-width:44ch; font-size:1.08rem; line-height:1.65;
  color:rgba(255,255,255,.78); font-weight:400;
}
body.fg-preview .h2-usp{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.4rem,2.6vh,2.2rem) clamp(2rem,4vw,3.4rem);
  margin-top:0; max-width:min(560px,52%);
}
body.fg-preview .h2-usp li{padding-left:0; border-left:0; gap:.3rem}
body.fg-preview .h2-usp b{font-size:.95rem; font-weight:700; color:#fff; letter-spacing:0}
body.fg-preview .h2-usp span{font-size:.78rem; color:rgba(255,255,255,.6)}
body.fg-preview .h2-hero__act .fg-button{padding:1.1rem 2rem; font-size:.82rem; min-height:54px !important}
body.fg-preview .h2-hero__act .fg-button:not(.fg-button-filled){backdrop-filter:blur(4px)}

/* 2. Категории: кадр двери, под ним название и цена «от» — так же, как
   в карточке товара. Надписи поверх фото убраны: на бронзовом фоне они
   спорили с отражением в полу. */
body.fg-preview .h2-cat{
  display:flex; flex-direction:column; gap:.1rem; aspect-ratio:auto;
  padding:0; background:transparent; border-radius:0; overflow:visible;
}
body.fg-preview .h2-cat img{
  position:relative; inset:auto; width:100%; height:auto; aspect-ratio:4/5;
  object-fit:cover; border-radius:var(--sk-r-md); margin-bottom:.85rem;
}
body.fg-preview .h2-cat:hover img{scale:1}
body.fg-preview .h2-cat__shade{display:none}
body.fg-preview .h2-cat__name{
  position:relative; font-size:.95rem; font-weight:500; letter-spacing:0; color:var(--sk-ink);
}
body.fg-preview .h2-cat__price{
  font-family:'Manrope','Inter',sans-serif; font-size:1.05rem; font-weight:800;
  letter-spacing:-.01em; color:var(--sk-ink);
}
@media(hover:hover){
  body.fg-preview .h2-cat:hover{transform:none}
  body.fg-preview .h2-cat:hover img{opacity:.9}
}

/* Плашка под сеткой категорий — белая карточка. */
body.fg-preview .h2-cats__note{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  box-shadow:var(--sk-shadow); padding:1.4rem 1.6rem; margin-top:1rem;
}
body.fg-preview .h2-cats__note p{font-size:.92rem; line-height:1.6; color:var(--sk-ink-2)}
body.fg-preview .h2-cats__note b{color:var(--sk-ink); font-weight:700}

/* 3. Подбор по параметрам. В референсе у блока нет панели: метка строки
   стоит слева, варианты — равными прямоугольниками справа, выбранный
   залит чёрным. Строки — через display:contents, чтобы метки и варианты
   встали в общую сетку из двух колонок. */
body.fg-preview .h2-pick__form{
  display:grid; grid-template-columns:minmax(130px,180px) minmax(0,1fr);
  column-gap:clamp(1rem,2vw,2rem); row-gap:1.1rem; align-items:start;
  background:transparent; border:0; border-radius:0; box-shadow:none; padding:0;
}
body.fg-preview .h2-pick__row{display:contents}
body.fg-preview .h2-pick__lbl{
  grid-column:1; padding-top:.7rem;
  font-size:.82rem; font-weight:400; letter-spacing:0; text-transform:none;
  color:var(--sk-ink-2); opacity:1;
}
body.fg-preview .h2-pick__opts{
  grid-column:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem;
}
body.fg-preview :is(.h2-pick__note,.h2-pick__act){grid-column:2}
body.fg-preview .h2-pick__act{margin-top:.4rem}
body.fg-preview .h2-pick__opt{
  justify-content:center; text-align:center;
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-sm) !important;
  color:var(--sk-ink); font-size:.82rem; font-weight:500; padding:.6rem .9rem; min-height:42px;
}
@media(max-width:1100px){
  body.fg-preview .h2-pick__opts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.fg-preview .h2-pick__form{grid-template-columns:1fr; row-gap:.6rem}
  body.fg-preview .h2-pick__lbl{grid-column:1; padding-top:.8rem}
  body.fg-preview :is(.h2-pick__opts,.h2-pick__note,.h2-pick__act){grid-column:1}
}
@media(hover:hover){
  body.fg-preview .h2-pick__opt:hover{background:var(--sk-ink); border-color:var(--sk-ink); color:#fff}
}
body.fg-preview .h2-pick__note{color:var(--sk-ink-2); opacity:1; font-size:.9rem}
body.fg-preview .h2-pick__promo{
  background:linear-gradient(150deg,#22262d,#14161a); border:1px solid rgba(226,177,85,.28);
  border-radius:var(--sk-r-md); color:#fff;
}
body.fg-preview .h2-pick__promo-ttl{
  font-size:1.15rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--sk-gold-dk);
}
body.fg-preview .h2-pick__promo p{color:rgba(255,255,255,.72); opacity:1; font-size:.9rem}
body.fg-preview .h2-pick__promo .link-arrow{color:#fff; border-bottom-color:var(--sk-gold)}

/* 4. Двери из каталога — карточка товара: квадратное фото под обрез,
   под ним название обычным весом и цена жирным. */
body.fg-preview .h2-top__card{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  padding:.55rem .55rem .9rem; gap:.15rem; box-shadow:none;
  transition:border-color .2s;
}
@media(hover:hover){
  body.fg-preview .h2-top__card:hover{border-color:#c9d0d9}
}
body.fg-preview .h2-top__ph{
  background:var(--sk-card-2); border-radius:2px; margin-bottom:.75rem; aspect-ratio:4/5;
}
body.fg-preview .h2-top__name{
  font-size:.88rem; font-weight:500; color:var(--sk-ink); letter-spacing:0; padding:0 .35rem;
}
body.fg-preview .h2-top__card:hover .h2-top__name{color:var(--sk-ink)}
body.fg-preview .h2-top__price{
  padding:0 .35rem; margin-top:.25rem;
  font-size:1.05rem; font-weight:800; color:var(--sk-ink); letter-spacing:-.01em;
}
body.fg-preview .h2-top__spec{
  font-size:.76rem; color:var(--sk-ink-3); opacity:1; letter-spacing:0; padding:0 .35rem; margin-top:.2rem;
}

/* 5. Производство — тёмный блок с кадрами цеха.
   Заставка стала ниже: весь блок (кадр + лента + цифры) должен помещаться
   в один экран, раньше на нём умещалась только заставка. Зазоры в ленте
   убраны — полоски фона между кадрами выглядели как брак вёрстки. */
body.fg-preview .fg-home2 .fg-factory-hero{
  height:clamp(520px,78vh,900px); min-height:0;
}
/* Кадр и лента притушены сильнее: блок должен читаться как тёмная
   врезка, а не как светлая фотогалерея. */
body.fg-preview .fg-home2 .fg-factory-photo video,
body.fg-preview .fg-home2 .fg-factory-photo img{filter:brightness(.5) saturate(.85) contrast(1.05)}
body.fg-preview .fg-home2 .fg-factory-hero .fg-photo-shade{
  background:linear-gradient(180deg,rgba(10,11,13,.55) 0%,rgba(10,11,13,.35) 45%,rgba(10,11,13,.7) 100%);
}
body.fg-preview .fg-home2 .fg-factory-image :is(img,video){filter:brightness(.46) saturate(.82) contrast(1.06)}

/* Направляющая слева: номер блока и тонкая линия от него вниз —
   без них кадр выглядел пустым. */
body.fg-preview .fg-home2 .fg-factory-hero .fg-number{
  position:absolute; z-index:2; left:var(--h2-pad,88px); top:clamp(1.7rem,3.6vh,2.8rem);
  font-size:.74rem; font-weight:600; letter-spacing:.16em; color:rgba(255,255,255,.55);
}
body.fg-preview .fg-home2 .fg-factory-hero .fg-rule{
  position:absolute; z-index:2; left:calc(var(--h2-pad,88px) + 10px);
  top:calc(clamp(1.7rem,3.6vh,2.8rem) + 1.7rem); bottom:calc(clamp(2.2rem,5vh,3.4rem) + 4.6rem); width:1px; height:auto;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.05));
}
body.fg-preview .fg-factory-photo video,
body.fg-preview .fg-factory-photo img{
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:center;
}
/* Заголовок — вверху кадра: вертикальная линия и номер «01» убраны,
   держать надпись у нижней кромки больше нечем. */
/* Заголовок — у нижней кромки кадра, линия от номера спускается к нему. */
body.fg-preview .fg-home2 .fg-factory h2{
  top:auto; bottom:clamp(2.2rem,5vh,3.4rem);
  left:calc(var(--h2-pad,88px) + 42px); right:var(--h2-pad,88px);
}
body.fg-preview :is(.fg-factory-strip,.fg-factory-track,.fg-factory-ribbon){background:transparent; gap:0}
body.fg-preview .fg-factory-ribbon .fg-factory-image{margin-right:0; width:clamp(190px,16vw,265px)}
body.fg-preview .fg-home2 .fg-factory-image{aspect-ratio:1.45}
body.fg-preview .fg-home2 .fg-factory :is(.fg-factory-strip,.fg-factory-facts){margin-top:0}
body.fg-preview .fg-home2 .fg-factory-facts>div{padding:1.1rem 1.25rem}
body.fg-preview .fg-home2 .fg-factory-facts b{font-size:1.35rem}
body.fg-preview .fg-home2 .fg-factory-facts span{font-size:.76rem; line-height:1.45}

body.fg-preview .fg-factory{background:#101114; color:#fff}
body.fg-preview .fg-factory h2{color:#fff}
body.fg-preview .fg-factory-facts{background:rgba(255,255,255,.1); border-top:0}
body.fg-preview .fg-factory-facts>div{background:#101114}
body.fg-preview .fg-factory-facts b{font-size:1.5rem; font-weight:800; color:var(--sk-gold-dk)}
body.fg-preview .fg-factory-facts span{font-size:.8rem; font-weight:400; color:rgba(255,255,255,.62)}
body.fg-preview .fg-factory-strip{background:rgba(255,255,255,.1)}

/* 6. Почему выбирают нас — серые плитки: иконка слева, текст справа. */
body.fg-preview .h2-why__item{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:.45rem .85rem;
  background:var(--sk-tile); border:0; border-radius:var(--sk-r-md);
  padding:1.15rem 1.1rem; box-shadow:none;
}
body.fg-preview .h2-why__item::before{grid-column:1; grid-row:1; margin:0; width:28px; height:28px}
body.fg-preview .h2-why__item b{
  grid-column:2; grid-row:1; align-self:center; margin:0;
  font-size:.9rem; font-weight:700; color:var(--sk-ink); letter-spacing:0; line-height:1.3;
}
body.fg-preview .h2-why__item p{
  grid-column:2; grid-row:2; font-size:.82rem; line-height:1.55; color:var(--sk-ink-2);
}

/* 7. Самые смелые проекты — белые карточки-истории. */
body.fg-preview .h2-works__sub{color:var(--sk-ink-2); font-size:.92rem; margin-top:.9rem}
/* Истории проектов — тёмные плитки: притушенный кадр во всю карточку,
   название белым в нижнем правом углу. Подпись, ссылка и метка
   «иллюстрация» убраны — они и создавали пустой низ карточки. */
body.fg-preview .h2-work{
  position:relative; display:block; background:var(--sk-dark); border:0;
  border-radius:var(--sk-r-md); padding:0; overflow:hidden; box-shadow:none;
}
body.fg-preview .h2-work__ph{
  display:block; margin:0; border-radius:0; aspect-ratio:4/5; background:var(--sk-dark);
}
body.fg-preview .h2-work__ph img{
  width:100%; height:100%; object-fit:cover;
  filter:brightness(.68) saturate(.92) contrast(1.04);
  transition:filter .4s,scale .8s cubic-bezier(.16,1,.3,1);
}
body.fg-preview .h2-work::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(10,11,13,.1) 45%,rgba(10,11,13,.55) 74%,rgba(10,11,13,.9) 100%);
}
/* Название прижато к левому нижнему углу и не шире 60% плитки: длинная
   строка переносится и растёт вверх, низ карточки остаётся на месте. */
body.fg-preview .h2-work__name{
  position:absolute; z-index:2; left:1.2rem; right:auto; bottom:1.15rem; max-width:60%;
  margin:0; padding:0; text-align:left; color:#fff;
  font-size:1.02rem; font-weight:700; line-height:1.25; text-wrap:pretty;
}
body.fg-preview .h2-work :is(.h2-work__tag,.h2-work__cat,.h2-work__calc){display:none}
@media(hover:hover){
  body.fg-preview .h2-work:hover{transform:none}
  body.fg-preview .h2-work:hover .h2-work__ph img{filter:brightness(.78) saturate(1); scale:1.03}
}

/* Карта идёт сразу за фотолентой цеха: прежние 120u сверху давали
   полполосы пустоты между блоками. */
body.fg-preview .fg-home2 .fg-geography{padding-top:clamp(2.2rem,4.5vh,3.6rem)}
body.fg-preview .fg-home2 .fg-factory + .fg-geography{margin-top:calc(-1 * clamp(28px,3vw,44px))}
/* 8. География — светлая секция, декоративная подложка макета не нужна. */
body.fg-preview .fg-statement{background:transparent; color:var(--sk-ink)}
body.fg-preview .fg-statement-base{display:none}
body.fg-preview .fg-star{display:none}
body.fg-preview .fg-geography h2{color:var(--sk-ink)}
body.fg-preview .fg-geography>p{color:var(--sk-ink-2); font-size:1rem}
body.fg-preview .geo-reviews{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  padding:1.4rem; box-shadow:var(--sk-shadow);
}
body.fg-preview .geo-revcard{
  background:var(--sk-card-2); border:1px solid var(--sk-line); border-radius:var(--sk-r-sm); color:var(--sk-ink);
}
body.fg-preview .geo-revcard blockquote{color:var(--sk-ink)}
body.fg-preview .geo-revcard figcaption{color:var(--sk-gold-ink)}
body.fg-preview .geo-revcard :is(.geo-rev-src,.geo-rev-date){color:var(--sk-ink-3)}
body.fg-preview .geo-rev-note{color:var(--sk-ink-3); font-size:.82rem}
body.fg-preview .geo-mapwrap{border:1px solid var(--sk-line); border-radius:var(--sk-r-md)}
body.fg-preview .fg-live-map .leaflet-container{background:#e9ecf1}
body.fg-preview .fg-live-map .leaflet-tile-pane{filter:saturate(.45); opacity:.85}

/* 6-бис. «Почему выбирают нас» — обычная светлая секция: отрицательные
   отступы из theme.css сводили её с тёмными соседями, которых больше нет. */
body.fg-preview .fg-home2 .h2-why{margin-top:0; margin-bottom:0}

/* Метка отзыва на карте: «капля» с белой звездой и средней оценкой внутри.
   Метка производства стоит выше (zIndexOffset в map.js), поэтому отзывы её
   больше не перекрывают. */
body.fg-preview .geo-pin--rev{
  display:block; background:none !important; border:0 !important; box-shadow:none !important;
  width:40px; height:52px; padding:0;
  filter:drop-shadow(0 4px 10px rgba(10,11,13,.45));
  transition:transform .2s cubic-bezier(.16,1,.3,1);
}
body.fg-preview .geo-pin--rev .geo-revpin__body{fill:var(--sk-gold)}
body.fg-preview .geo-pin--rev .geo-revpin__star{fill:#fff}
body.fg-preview .geo-pin--rev .geo-revpin__val{
  font:700 10px/1 'Manrope','Inter',sans-serif; fill:#14100a; letter-spacing:-.02em;
}
body.fg-preview .geo-pin--rev.is-cluster .geo-revpin__body{fill:var(--sk-gold-h)}
body.fg-preview .geo-pin--rev:hover,
body.fg-preview .geo-pin--rev.is-sel{transform:translateY(-3px) scale(1.06)}
body.fg-preview .geo-pin--rev.is-sel .geo-revpin__body{fill:#14161a}
body.fg-preview .geo-pin--rev.is-sel .geo-revpin__star{fill:var(--sk-gold-dk)}
body.fg-preview .geo-pin--rev.is-sel .geo-revpin__val{fill:#14161a}

/* 9. AI-блок — тёмная врезка. Селектор с #ai: правила scroll-text.css
   заданы через id, иначе перекрасить фон не выйдет. */
body.fg-preview #ai.fg-ai{
  background:var(--sk-dark); color:#fff; border-radius:0;
  padding:clamp(56px,7vw,88px) var(--h2-pad,88px);
}
body.fg-preview #ai.fg-ai :is(h2,.fg-ai-copy h2){color:#fff}
body.fg-preview #ai.fg-ai .fg-ai-copy p{color:rgba(255,255,255,.76)}
body.fg-preview #ai.fg-ai .fg-ai-copy h2{font-size:clamp(1.5rem,2.6vw,2.1rem); letter-spacing:.03em}

/* Кадр резной двери лежит фоном под всей секцией — и под текстом, и под
   формой; форма поверх него стеклянная, иначе фото было бы не видно. */
body.fg-preview #ai.fg-ai{
  padding:0; position:relative; isolation:isolate;
  background:var(--sk-dark) var(--fg-ai-bg,none) 38% 50%/cover no-repeat;
}
body.fg-preview #ai.fg-ai::before{
  content:''; position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg,rgba(10,11,13,.82),rgba(10,11,13,.55) 55%,rgba(10,11,13,.72));
  backdrop-filter:brightness(.62) saturate(.9);
}
body.fg-preview #ai.fg-ai .fg-ai-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0;
  width:100%; max-width:none; margin:0; align-items:stretch; text-align:left;
}
body.fg-preview #ai.fg-ai .fg-ai-copy{
  display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
  padding:clamp(2.4rem,5vw,4.6rem); min-height:clamp(380px,46vh,560px); background:transparent;
}
body.fg-preview #ai.fg-ai .fg-ai-copy>*{position:relative; z-index:2; margin-left:0; margin-right:0}
body.fg-preview #ai.fg-ai .fg-ai-copy p{margin:1.1rem 0 0; max-width:42ch; width:auto}
body.fg-preview #ai.fg-ai .fg-ai-copy .fg-ai-action{margin:2rem 0 0}

/* Форма — стеклянная панель на фото. */
body.fg-preview #ai.fg-ai .fg-ai-form{
  display:flex; flex-direction:column; justify-content:center;
  padding:clamp(1.8rem,3.4vw,3rem);
  background:rgba(14,16,20,.62); border-left:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(14px) saturate(120%); backdrop-filter:blur(14px) saturate(120%);
  color:#fff;
}
body.fg-preview #ai.fg-ai .fg-ai-form h3{
  margin:0 0 1.3rem; color:#fff; text-transform:none; letter-spacing:0;
  font-size:clamp(1.15rem,1.9vw,1.5rem); line-height:1.25;
}
body.fg-preview #ai.fg-ai .fg-ai-form .lead-field>span{color:rgba(255,255,255,.6)}
body.fg-preview #ai.fg-ai .fg-ai-form :is(input,textarea){
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.22); color:#fff;
}
body.fg-preview #ai.fg-ai .fg-ai-form :is(input,textarea)::placeholder{color:rgba(255,255,255,.45)}
body.fg-preview #ai.fg-ai .fg-ai-form :is(input,textarea):focus{border-color:var(--sk-gold-dk)}
body.fg-preview #ai.fg-ai .fg-ai-form :is(.lead-agree,.lead-alt,.lead-message){color:rgba(255,255,255,.62)}
body.fg-preview #ai.fg-ai .fg-ai-form :is(.lead-agree a,.lead-alt a){color:#fff}
body.fg-preview #ai.fg-ai .fg-ai-form .lead-agree input{accent-color:var(--sk-gold)}
body.fg-preview #ai.fg-ai .fg-ai-form .vr-word{opacity:1 !important}

/* Подвал вплотную к последнему блоку: раньше набегало 120 + 88 пикселей. */
body.fg-home footer.site{margin-top:0; padding-top:clamp(2.6rem,5vh,4rem)}
/* Светлая линия между последним блоком и подвалом не нужна: оба тёмные. */
body.fg-preview footer.site{border-top:0}

@media(max-width:900px){
  body.fg-preview #ai.fg-ai .fg-ai-grid{grid-template-columns:1fr}
  body.fg-preview #ai.fg-ai .fg-ai-copy{min-height:340px; text-align:left}
}

/* 10. Помощь в выборе + цифры. */
body.fg-preview .h2-help__band{
  background:linear-gradient(120deg,#22262d,#14161a); border:0; border-radius:var(--sk-r-lg); color:#fff;
}
body.fg-preview .h2-help__copy h2{color:#fff; font-size:clamp(1.3rem,2.2vw,1.9rem); letter-spacing:.03em}
body.fg-preview .h2-help__copy p{color:rgba(255,255,255,.72); opacity:1}
body.fg-preview .h2-help__stats{
  background:var(--sk-line); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
}
body.fg-preview .h2-help__stats>div{background:var(--sk-card)}
body.fg-preview .h2-help__stats b{font-size:1.75rem; font-weight:800; color:var(--sk-ink)}
body.fg-preview .h2-help__stats span{font-size:.84rem; color:var(--sk-ink-2); opacity:1}

/* ── 6. Подвал ──────────────────────────────────────────────────────────── */
body.fg-preview footer.site{background:var(--sk-dark); color:rgba(255,255,255,.78)}
body.fg-preview footer.site :is(.foot-brand p,.foot-col>a,.foot-msgr a,.foot-col .addr){color:rgba(255,255,255,.78)}
body.fg-preview footer.site .foot-col .ttl{
  color:var(--sk-gold-dk); font-size:.68rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
}
body.fg-preview footer.site .foot-col>a:hover{color:var(--sk-gold-dk)}
body.fg-preview footer.site :is(.foot-bot,.foot-req,.foot-col .sm){color:rgba(255,255,255,.45)}
body.fg-preview footer.site .foot-bot{border-top-color:rgba(255,255,255,.12)}
body.fg-preview footer.site .logo span{color:#fff}

/* ── 7. Внутренние страницы ─────────────────────────────────────────────── */
body.fg-preview:is(.page-light,.fg-catalog,.fg-project-page),
body.fg-preview :is(.contact-page,.partner-page,.partner-request,.partner-section--paper){
  background:var(--sk-bg); color:var(--sk-ink);
}
body.fg-preview .page-head{padding:clamp(6.5rem,10vw,9rem) 0 clamp(1.5rem,3vw,2.5rem)}
body.fg-preview .page-head h1{margin-bottom:clamp(1rem,2vw,1.6rem); color:var(--sk-ink)}
body.fg-preview .crumbs a{color:var(--sk-ink-2)}
body.fg-preview .crumbs b{color:var(--sk-ink); font-weight:600}
body.fg-preview .ph-row{border-top:1px solid var(--sk-line)}
body.fg-preview .ph-lead{font-size:1rem; color:var(--sk-ink-2)}
body.fg-preview .ph-facts{font-size:.78rem; color:var(--sk-ink-2); letter-spacing:.02em; text-transform:none}
body.fg-preview .ph-facts b{color:var(--sk-ink); font-weight:700}

/* Фильтры каталога — светлая липкая полоса с чипами. */
body.fg-preview .filters{
  background:rgba(244,245,247,.94); border-bottom:1px solid var(--sk-line);
}
body.fg-preview .chip{
  padding:.6rem 1.05rem; border:1px solid var(--sk-line); border-radius:var(--sk-r-sm);
  background:var(--sk-card); color:var(--sk-ink);
  font-size:.78rem; font-weight:500; letter-spacing:.02em; text-transform:none; min-height:40px;
}
body.fg-preview .chip i{color:var(--sk-ink-3); font-size:.78rem}
body.fg-preview .chip:hover{border-color:var(--sk-ink-2)}
body.fg-preview .chip.on{background:var(--sk-ink); border-color:var(--sk-ink); color:#fff}
body.fg-preview .chip.on i{color:var(--sk-gold)}
body.fg-preview .f-count{font-size:.78rem; color:var(--sk-ink-3)}

/* Карточка каталога — плитка с рамкой, фото под обрез, цена жирным. */
body.fg-preview .cat-grid{gap:clamp(1rem,1.8vw,1.5rem)}
body.fg-preview .card{
  background:var(--sk-card); border:1px solid var(--sk-line); border-top:1px solid var(--sk-line);
  border-radius:var(--sk-r-md); padding:.6rem .6rem 1.1rem; box-shadow:none;
  transition:border-color .2s;
}
@media(hover:hover){
  body.fg-preview .card:hover{border-color:#c9d0d9}
}
body.fg-preview .c-plate{
  margin-bottom:.9rem; border-radius:2px; overflow:hidden; background:var(--sk-card-2); aspect-ratio:4/5;
}
body.fg-preview .c-plate:is(.is-scene,.is-photo){background:var(--sk-card-2); border-radius:2px; aspect-ratio:4/5}
body.fg-preview .c-price{
  margin:.3rem 0 .6rem; font-size:1.1rem; font-weight:800; color:var(--sk-ink); letter-spacing:-.01em;
}
body.fg-preview .c-plate img{mix-blend-mode:normal}
body.fg-preview .c-body{padding:0 .4rem}
body.fg-preview .c-tag{
  font-size:.7rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--sk-gold-ink);
}
body.fg-preview .card h2{font-size:1.1rem; font-weight:700; color:var(--sk-ink); letter-spacing:.01em}
body.fg-preview .c-desc{font-size:.88rem; line-height:1.6; color:var(--sk-ink-2)}
body.fg-preview .c-spec li{
  font-size:.8rem; letter-spacing:.01em; text-transform:none; color:var(--sk-ink-2);
}
body.fg-preview .c-spec li::before{background:var(--sk-gold)}
body.fg-preview .c-scene-badge{
  background:rgba(12,13,16,.62); border-color:rgba(255,255,255,.3); font-size:.66rem; color:#fff;
}
/* Карточка-заметка про объектные серии — тёмная плитка. */
body.fg-preview .card-note{background:var(--sk-dark); color:#fff; border-color:transparent}
body.fg-preview .card-note :is(h2,.c-spec li){color:#fff}
body.fg-preview .card-note .c-desc{color:rgba(255,255,255,.7)}
body.fg-preview .card-note .c-tag{color:var(--sk-gold)}
body.fg-preview .card-note .link-arrow{color:#fff}
body.fg-preview .cat-empty{color:var(--sk-ink-2); font-size:.9rem}

/* Хаб каталога: карточки категорий. */
body.fg-preview .cat-card,body.fg-preview .cat-card__face--front{
  background:var(--sk-card); color:var(--sk-ink); border-radius:var(--sk-r-md);
}
body.fg-preview .cat-card__desc{color:var(--sk-ink-2)}
body.fg-preview .cat-card__badge{color:var(--sk-gold-dk)}
body.fg-preview .cat-card__go{color:var(--sk-gold-ink)}
/* Старые правила макета красили эти узлы в бежево-коричневую палитру:
   на белых карточках подпись пропадала совсем. Класс fg-catalog висит на
   самом body (каталог и страницы городов), поэтому селектор слитный. */
body.fg-preview.fg-catalog :is(.card,.c-spec li,.link-arrow,.chip){color:var(--sk-ink)}
body.fg-preview.fg-catalog .c-desc{color:var(--sk-ink-2)}
body.fg-preview.fg-catalog .c-tag{color:var(--sk-gold-ink)}
body.fg-preview .geo-revcard--cta .geo-cta-ttl{color:var(--sk-ink)}
body.fg-preview .shopgal__cap{color:#fff}

/* CTA-полоса внизу внутренних страниц — тёмная врезка. */
body.fg-preview .cta-band{background:var(--sk-dark); color:#fff}
body.fg-preview .cta-band h2{color:#fff}

/* Проекты. */
body.fg-preview .pcard .ph{background:var(--sk-card-2); border-radius:var(--sk-r-sm); overflow:hidden}
body.fg-preview .pcard .meta{padding-top:1rem}
body.fg-preview .pcard h2{font-size:1.1rem; font-weight:700}
body.fg-preview .pcard p{color:var(--sk-ink-2); font-size:.9rem}
body.fg-preview .pcard .num{background:var(--sk-ink); color:#fff; font-size:.7rem; letter-spacing:.08em}
body.fg-preview .pcard .tags span{
  border:1px solid var(--sk-line); border-radius:999px; color:var(--sk-ink-2);
  font-size:.72rem; letter-spacing:.02em; text-transform:none; padding:.3rem .7rem;
}
body.fg-preview .prj-note{border-top-color:var(--sk-line); color:var(--sk-ink-3); font-size:.8rem; line-height:1.7}

/* Карточка двери. */
body.fg-preview .door-gallery__stage{background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md)}
body.fg-preview .door-gallery__thumbs button{border-color:var(--sk-line); background:var(--sk-card); border-radius:var(--sk-r-sm)}
body.fg-preview .door-gallery__thumbs button.is-active{border-color:var(--sk-gold); box-shadow:0 0 0 1px var(--sk-gold)}
body.fg-preview .door-price{font-size:1.9rem; font-weight:800; color:var(--sk-ink); letter-spacing:-.01em}
body.fg-preview .door-lede{color:var(--sk-ink-2); font-size:1rem}
body.fg-preview .door-section{border-top:1px solid var(--sk-line); margin-top:2.4rem; padding-top:1.8rem}
body.fg-preview .door-params__list li{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-sm);
  padding:.5rem 1rem; font-size:.85rem; color:var(--sk-ink);
}
body.fg-preview .door-params__title{font-weight:700; font-size:.9rem; color:var(--sk-ink)}
body.fg-preview :is(.door-chars li,.door-feat li){border-bottom:1px solid var(--sk-line); font-size:.92rem}
body.fg-preview .door-chars li>span:first-child{color:var(--sk-ink-2)}
body.fg-preview .door-chars li>span:last-child{color:var(--sk-ink); font-weight:600}
body.fg-preview .door-feat li::before{color:var(--sk-gold-ink)}
body.fg-preview .door-cities{border-top-color:var(--sk-line); color:var(--sk-ink-3)}
body.fg-preview .door-cities a{color:var(--sk-ink-2)}
body.fg-preview .door-cities a.is-here{color:var(--sk-ink)}

/* Формы: заявка на контактах, в карточке двери и на B2B. */
body.fg-preview .lead-panel{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  box-shadow:var(--sk-shadow); padding:clamp(1.4rem,2.6vw,2.2rem);
}
body.fg-preview :is(.lead-field input,.lead-field textarea){
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-sm);
  color:var(--sk-ink); font-size:.95rem; padding:.85rem 1rem;
}
body.fg-preview :is(.lead-field input,.lead-field textarea):focus{border-color:var(--sk-gold)}
body.fg-preview :is(.lead-field>span,.contact-details dt){
  font-size:.7rem; font-weight:600; letter-spacing:.1em; color:var(--sk-ink-3);
}
body.fg-preview :is(.lead-agree,.lead-alt,.lead-message){color:var(--sk-ink-2)}
body.fg-preview .contact-details dl>div{border-top:1px solid var(--sk-line)}
body.fg-preview .contact-details a{border-bottom-color:var(--sk-gold)}

/* Карточки-плитки на «О компании», «Решениях» и B2B. */
body.fg-preview .info-card{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  padding:1.4rem; margin:0;
}
body.fg-preview :is(.audience-grid,.benefit-grid){
  border:0; gap:clamp(1rem,2vw,1.4rem);
}
body.fg-preview .info-card :is(h3,span){color:var(--sk-ink)}
body.fg-preview .info-card span{color:var(--sk-gold-ink); font-size:.7rem; font-weight:600; letter-spacing:.1em}
body.fg-preview .info-card p{color:var(--sk-ink-2); font-size:.9rem}
body.fg-preview .partner-section{background:var(--sk-bg); color:var(--sk-ink)}
body.fg-preview .sol-card,body.fg-preview .sol-ai{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
}
body.fg-preview .sol-card__n{color:var(--sk-gold-ink)}
body.fg-preview .sol-card p{color:var(--sk-ink-2)}
body.fg-preview .about-facts{background:var(--sk-line); border:1px solid var(--sk-line); border-radius:var(--sk-r-md); overflow:hidden}
body.fg-preview .about-fact{background:var(--sk-card)}
body.fg-preview .about-fact b{color:var(--sk-ink); font-weight:800}
body.fg-preview .about-fact span{color:var(--sk-ink-2)}

/* Посадочные раздела «Решения» (22.09.2026). */
body.fg-preview .sol-landing .tp-body{max-width:min(72ch,100%)}
body.fg-preview .sol-bullets{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));
  gap:.7rem 1.6rem; margin:clamp(1.4rem,2.6vw,2rem) 0 0; padding:0; list-style:none;
}
body.fg-preview .sol-bullets li{
  position:relative; padding-left:1.5rem; font-size:.95rem; line-height:1.6; color:var(--sk-ink-2);
}
body.fg-preview .sol-bullets li::before{
  content:''; position:absolute; left:0; top:.62em; width:.7rem; height:1px; background:var(--sk-gold);
}
body.fg-preview .sol-specs{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));
  gap:0 clamp(1.6rem,3vw,3rem); margin:0;
}
body.fg-preview .sol-specs>div{
  display:flex; justify-content:space-between; gap:1.2rem;
  padding:.85rem 0; border-bottom:1px solid var(--sk-line);
}
body.fg-preview .sol-specs dt{color:var(--sk-ink-2); font-size:.92rem}
body.fg-preview .sol-specs dd{margin:0; color:var(--sk-ink); font-weight:600; font-size:.92rem; text-align:right}
body.fg-preview .sol-faq details{
  border-bottom:1px solid var(--sk-line); padding:1rem 0;
}
body.fg-preview .sol-faq summary{
  cursor:pointer; font-weight:600; font-size:1rem; color:var(--sk-ink); list-style:none;
  display:flex; justify-content:space-between; gap:1rem;
}
body.fg-preview .sol-faq summary::-webkit-details-marker{display:none}
body.fg-preview .sol-faq summary::after{content:'+'; color:var(--sk-gold-ink); font-weight:700}
body.fg-preview .sol-faq details[open] summary::after{content:'–'}
body.fg-preview .sol-faq p{margin:.7rem 0 0; max-width:72ch; color:var(--sk-ink-2); line-height:1.65}
body.fg-preview .sol-landing .sol-prj__card h3{font-size:1rem; font-weight:600}
body.fg-preview .sol-landing .sol-prj__card .c-price{margin:.2rem 0 0; font-size:1rem}

/* Страница «Отзывы клиентов»: те же карточки, что у карты на главной. */
body.fg-preview .reviews-page{padding:clamp(1rem,2vw,1.6rem) 0 clamp(3rem,6vw,5rem)}
body.fg-preview .rv-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));
  gap:clamp(1rem,2vw,1.4rem);
}
body.fg-preview .rv-grid .geo-revcard{
  display:flex; flex-direction:column; gap:.6rem; flex:none; width:auto; margin:0;
  padding:clamp(1.1rem,2vw,1.5rem);
}
body.fg-preview .rv-grid .geo-revcard blockquote{margin:0; font-size:.95rem; line-height:1.65}
body.fg-preview .rv-grid .geo-rev-meta{display:flex; justify-content:space-between; gap:1rem; font-size:.72rem}
body.fg-preview .rv-grid .geo-stars{color:var(--sk-gold); letter-spacing:.14em; font-size:.85rem}
body.fg-preview .rv-grid .geo-revcard--cta{
  background:var(--sk-dark); color:#fff; border-color:transparent; justify-content:center;
}
body.fg-preview .rv-grid .geo-revcard--cta :is(.geo-cta-ttl,.link-arrow){color:#fff}
body.fg-preview .rv-grid .geo-revcard--cta .geo-cta-txt{color:rgba(255,255,255,.7)}
body.fg-preview .rv-grid .geo-revcard--cta .geo-cta-star{color:var(--sk-gold-dk); font-size:1.4rem}

/* Текстовые и юридические страницы. */
body.fg-preview .tp-body{color:var(--sk-ink)}
body.fg-preview .tp-body :is(p,li){color:var(--sk-ink-2)}
body.fg-preview .tp-body :is(h2,h3){color:var(--sk-ink); font-weight:700}
body.fg-preview .tp-body a{color:var(--sk-gold-ink); border-bottom-color:var(--sk-line)}
body.fg-preview .tp-body :is(th,td){border-bottom-color:var(--sk-line)}

/* Блог. */
body.fg-preview .bi-card{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  box-shadow:var(--sk-shadow);
}
body.fg-preview .bi-card__ph{background:var(--sk-card-2)}
body.fg-preview .bi-card__meta{color:var(--sk-gold-ink)}
body.fg-preview .bi-card h2{font-size:1.25rem; font-weight:700}
body.fg-preview .bi-card__ex{color:var(--sk-ink-2); opacity:1; font-size:.92rem}
body.fg-preview :is(.blog-body,.ba-body){color:var(--sk-ink)}
body.fg-preview :is(.blog-body p,.blog-body li){color:var(--sk-ink-2)}
body.fg-preview .blog-note{background:var(--sk-card); border-left:3px solid var(--sk-gold)}

/* Лента историй (blog-list.php). */
body.fg-preview .blog-row{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  box-shadow:var(--sk-shadow);
}
body.fg-preview .blog-row__body>p{color:var(--sk-ink-2); opacity:1}
body.fg-preview .blog-row__body h2{font-size:clamp(1.3rem,2.1vw,1.8rem)}
body.fg-preview .blog-read{color:var(--sk-gold-ink); font-weight:600}
body.fg-preview .blog-note-badge{background:rgba(12,13,16,.75); color:var(--sk-gold)}
body.fg-preview .blog-body blockquote{color:var(--sk-ink-2); border-left-color:var(--sk-gold)}
body.fg-preview .blog-body figcaption{color:var(--sk-ink-3)}
body.fg-preview .blog-note{background:#fdf7ea; border-left-color:var(--sk-gold); color:var(--sk-ink); opacity:1}
body.fg-preview .blog-note b{color:var(--sk-gold-ink)}

/* ── 7-бис. Каталог — тёмная страница ────────────────────────────────────
   В референсе страница каталога идёт на тёмном фоне, светлые остаются
   главная и карточка товара. Сюда попадают: хаб /catalog/ и витрины
   городов (класс fg-catalog на самом body) и архивы категорий
   (tax-project_category). Фон дверей на фото заказчик меняет отдельно. */
body.fg-preview:is(.fg-catalog,.tax-project_category){
  --sk-line:rgba(255,255,255,.1);
  --sk-card:#1b1e24; --sk-card-2:#22262d; --sk-tile:#1b1e24;
  --sk-ink:#ffffff; --sk-ink-2:rgba(255,255,255,.66); --sk-ink-3:rgba(255,255,255,.45);
  --sk-gold-ink:#d8a14a;
  --paper:#1b1e24; --paper-2:#14161a; --paper-3:#1b1e24;
  --on-paper:#ffffff; --on-paper-2:rgba(255,255,255,.66); --line-p:rgba(255,255,255,.1);
  background:#14161a; color:#fff;
}
body.fg-preview:is(.fg-catalog,.tax-project_category) :is(.page-head h1,.crumbs b,.card h2,.card h2 a,.c-price,.ph-facts b){color:#fff}
body.fg-preview:is(.fg-catalog,.tax-project_category) :is(.crumbs,.crumbs a,.ph-lead,.ph-facts,.c-desc,.cat-card__desc,.f-count,.cat-empty){color:rgba(255,255,255,.66)}
body.fg-preview:is(.fg-catalog,.tax-project_category) .ph-row{border-top-color:rgba(255,255,255,.12)}
body.fg-preview:is(.fg-catalog,.tax-project_category) .filters{
  background:rgba(20,22,26,.94); border-bottom:1px solid rgba(255,255,255,.1);
}
body.fg-preview:is(.fg-catalog,.tax-project_category) .chip{
  background:transparent; border-color:rgba(255,255,255,.22); color:#fff;
}
body.fg-preview:is(.fg-catalog,.tax-project_category) .chip:hover{border-color:rgba(255,255,255,.5)}
body.fg-preview:is(.fg-catalog,.tax-project_category) .chip.on{
  background:var(--sk-gold); border-color:var(--sk-gold); color:var(--sk-on-gold);
}
body.fg-preview:is(.fg-catalog,.tax-project_category) .chip i{color:rgba(255,255,255,.5)}
body.fg-preview:is(.fg-catalog,.tax-project_category) .chip.on i{color:var(--sk-on-gold)}
body.fg-preview:is(.fg-catalog,.tax-project_category) :is(.card,.cat-card,.cat-card__face--front){
  background:#1b1e24; border-color:rgba(255,255,255,.1); color:#fff;
}
@media(hover:hover){
  body.fg-preview:is(.fg-catalog,.tax-project_category) :is(.card,.cat-card):hover{border-color:rgba(226,177,85,.55)}
}
body.fg-preview:is(.fg-catalog,.tax-project_category) :is(.c-plate,.c-plate.is-scene,.c-plate.is-photo,.cat-card__ph){background:#22262d}
body.fg-preview:is(.fg-catalog,.tax-project_category) .c-spec li{color:rgba(255,255,255,.72)}
body.fg-preview:is(.fg-catalog,.tax-project_category) :is(.link-arrow,.cat-card__go,.cat-card__name){color:#fff}
body.fg-preview:is(.fg-catalog,.tax-project_category) .c-tag{color:var(--sk-gold-dk)}
/* Кнопки на тёмной странице: контурная — по светлому. */
body.fg-preview:is(.fg-catalog,.tax-project_category) .btn.btn.btn:not(.btn-amber):not(.btn-dark),
body.fg-preview:is(.fg-catalog,.tax-project_category) .fg-button.fg-button.fg-button:not(.fg-button-filled){
  background:transparent !important; color:#fff !important; border-color:rgba(255,255,255,.4) !important;
}
/* Карточка-заметка про объектные серии была тёмной на светлом — на тёмной
   странице разворачиваем её в светлую, иначе сливается с фоном. */
body.fg-preview:is(.fg-catalog,.tax-project_category) .card-note{background:#fff; color:#14161a; border-color:transparent}
body.fg-preview:is(.fg-catalog,.tax-project_category) .card-note :is(h2,.c-spec li){color:#14161a}
body.fg-preview:is(.fg-catalog,.tax-project_category) .card-note .c-desc{color:#6b7280}
body.fg-preview:is(.fg-catalog,.tax-project_category) .card-note :is(.c-tag,.link-arrow){color:#a37a1c}

/* ── 8. Квиз («Создать дверь с AI») ─────────────────────────────────────── */
/* Конструктор тоже светлый: в референсе это светлая панель с карточками.
   Тёмными остаются только верхняя полоса (как шапка сайта) и экран
   генерации — там фото двери читается лучше на тёмном. */
body.fg-preview.quiz-page{background:var(--sk-bg); color:var(--sk-ink)}
body.fg-preview .qz-bar{background:rgba(22,24,28,.96); color:#fff}
body.fg-preview :is(.qz-title,.qz-close){color:rgba(255,255,255,.7)}
body.fg-preview .qz-close:hover{color:var(--sk-gold)}
body.fg-preview .qz-progress{background:rgba(255,255,255,.18)}
body.fg-preview .qz-progress span{background:var(--sk-gold)}
body.fg-preview .q h2{color:var(--sk-ink)}
body.fg-preview .q-hint{color:var(--sk-ink-2)}
body.fg-preview .q-num{color:var(--sk-ink-3)}
body.fg-preview .q-num b{color:var(--sk-gold-ink)}
body.fg-preview .opt{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md);
  box-shadow:var(--sk-shadow);
}
body.fg-preview .opt-art{background:var(--sk-card-2); border-radius:var(--sk-r-sm)}
body.fg-preview .opt-t{color:var(--sk-ink); font-weight:600}
body.fg-preview .opt-s{color:var(--sk-ink-3); letter-spacing:.06em; text-transform:none; font-size:.72rem}
body.fg-preview .opt:hover{border-color:var(--sk-ink-2)}
body.fg-preview .opt.is-on{border-color:var(--sk-gold); background:#fdf7ea}
body.fg-preview .q textarea{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-sm); color:var(--sk-ink);
}
body.fg-preview .dims{background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md)}
body.fg-preview .dims label>span{color:var(--sk-ink-2)}
body.fg-preview .dims label b{color:var(--sk-gold-ink)}
body.fg-preview .dims-note{color:var(--sk-ink-3)}
body.fg-preview .qz-nav{
  background:linear-gradient(180deg,rgba(244,245,247,0),rgba(244,245,247,.96) 42%);
  border-top:1px solid var(--sk-line);
}
body.fg-preview .qz-nav button{color:var(--sk-ink-2); font-size:.78rem; letter-spacing:.08em}
body.fg-preview .qz-nav button:hover:not(:disabled){color:var(--sk-ink)}
body.fg-preview .qz-hint{color:var(--sk-ink-3); font-size:.74rem}
body.fg-preview .pick .mono{color:var(--sk-ink-2)}
/* Карточка результата генерации. */
body.fg-preview .rvc-card,body.fg-preview .rvc-briefbox{
  background:var(--sk-card); border:1px solid var(--sk-line); border-radius:var(--sk-r-md); color:var(--sk-ink);
}
body.fg-preview .rvc-sub{color:var(--sk-ink-2)}

/* ── 9. Иконки-пиктограммы ────────────────────────────────────────────────
   В референсе у смыслов первого экрана и у карточек «Почему выбирают нас»
   стоят тонкие иконки. Рисуются фоном через data-URI: разметка и тексты
   не трогаются, порядок элементов прежний. */
body.fg-preview :is(.h2-usp li,.h2-why__item)::before{
  content:''; display:block; width:26px; height:26px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
}
body.fg-preview .h2-usp li{border-left:0; padding-left:0; gap:.55rem}

/* 1 — цех, 2 — контроль, 3 — размеры, 4 — фурнитура, 5 — доставка */
body.fg-preview .h2-usp li:nth-child(1)::before,
body.fg-preview .h2-why__item:nth-child(1)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8a14a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20V10l5 3V10l5 3V5l8 5v10z'/%3E%3Cpath d='M8 20v-4M13 20v-4M18 20v-4'/%3E%3C/svg%3E");
}
body.fg-preview .h2-usp li:nth-child(2)::before,
body.fg-preview .h2-why__item:nth-child(2)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8a14a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.5L16 9.5'/%3E%3C/svg%3E");
}
body.fg-preview .h2-usp li:nth-child(3)::before,
body.fg-preview .h2-why__item:nth-child(3)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8a14a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='8' rx='1.5'/%3E%3Cpath d='M7.5 8v3M12 8v4M16.5 8v3'/%3E%3C/svg%3E");
}
body.fg-preview .h2-usp li:nth-child(4)::before,
body.fg-preview .h2-why__item:nth-child(4)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8a14a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.2c0 4.3-3.1 7.8-7.5 9.3-4.4-1.5-7.5-5-7.5-9.3V6z'/%3E%3Ccircle cx='12' cy='11' r='1.6'/%3E%3Cpath d='M12 12.6V15'/%3E%3C/svg%3E");
}
body.fg-preview .h2-why__item:nth-child(5)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8a14a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3z'/%3E%3Cpath d='M14 10.5h3.6L21 13.4V16h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='1.6'/%3E%3Ccircle cx='17' cy='17.5' r='1.6'/%3E%3C/svg%3E");
}
/* На светлых карточках та же иконка идёт графитом, а не золотом. */
body.fg-preview .h2-why__item::before{filter:grayscale(1) brightness(.34)}

/* ── 10. Общие мелочи ───────────────────────────────────────────────────── */
body.fg-preview .cookie-bar,body.fg-preview .cookie-banner{
  background:var(--sk-card); color:var(--sk-ink); border:1px solid var(--sk-line);
  border-radius:var(--sk-r-md); box-shadow:0 18px 48px rgba(16,24,40,.14);
}
body.fg-preview ::selection{background:var(--sk-gold); color:var(--sk-on-gold)}
body.fg-preview :focus-visible{outline:2px solid var(--sk-gold); outline-offset:3px}

@media(max-width:1100px){
  body.fg-preview .h2-usp{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  body.fg-home{--home-section:56px}
  /* Узкая шапка: кнопка компактнее, иначе бургер уезжает за край экрана. */
  body.fg-preview .nav-cta.nav-cta.nav-cta{
    font-size:.66rem !important; padding:.5rem .8rem !important; min-height:36px !important;
    letter-spacing:.06em;
  }
  body.fg-preview .nav-right{gap:.7rem}
  body.fg-preview .h2-hero{min-height:0}
  /* На узком экране текст идёт во всю ширину поверх освещённой двери —
     вуаль плотнее, иначе подписи теряются в тёплом свете. */
  body.fg-preview .h2-hero__scrim{
    background:linear-gradient(180deg,rgba(10,11,13,.94) 0%,rgba(10,11,13,.9) 55%,rgba(10,11,13,.78) 100%);
  }
  /* Мобильная: трёхполосная сетка не нужна — простая колонка с ритмом. */
  body.fg-preview .h2-hero__inner{padding-block:5.5rem 3rem}
  body.fg-preview .h2-hero__main{display:flex; flex-direction:column; gap:1.5rem}
  body.fg-preview .h2-hero :is(h1,.h2-hero__lead,.h2-usp){align-self:stretch}
  body.fg-preview .h2-usp{gap:1.1rem 1.4rem; margin-top:.4rem; max-width:none}
  body.fg-preview .fg-block :is(h1,h2){font-size:1.25rem}
  body.fg-preview .h2-hero h1{font-size:1.85rem}
}