/* ============================================================
   ASUTLab DS — Site redesign overlay (index)
   Слой айдентики брендбука поверх site.css/index.css.
   Подключать ПОСЛЕДНИМ. Цвет/радиусы/отступы уже даёт bridge.css —
   здесь типографика (Manrope), логотип и снятие запрещённого
   брендбуком (курсив, тяжёлые тени, градиенты).
============================================================ */

/* ---------- Логотип: знак [ ■ ] + «АСУТ» + дескриптор «лаб» ---------- */
.logo{ gap:9px; align-items:center; }
.logo .logo-mark{ flex-shrink:0; display:block; height:26px; width:auto; color:var(--ink); }
.logo .logo-word{
  font-family:var(--f-heading);
  font-weight:800; font-size:21px; line-height:1;
  letter-spacing:-.01em; color:var(--ink);
}
.logo .logo-desc{
  font-family:var(--f-mono); font-weight:600; font-size:11px;
  letter-spacing:.06em; color:var(--accent);
  align-self:flex-start; margin-top:2px;
}

/* знак в футере (тёмный фон → скобки = бумага) */
.foot-brand h4{ display:flex; align-items:center; gap:9px; }
.foot-brand h4 .foot-logo-mark{ flex-shrink:0; height:24px; width:auto; color:var(--fg-inverse); }

/* ---------- Заголовки → Manrope (брендбук: display/H1–H3 = Manrope) ----------
   Засечные заголовки уже переведены через --f-serif → Manrope (bridge.css).
   Здесь добиваем те, что сидели на --f-display, и голые h-теги. */
main :is(h1,h2,h3),
.guarantee h2, .sku h3{
  font-family:var(--f-heading);
}

/* H1 hero: было clamp(36,5vw,68) → 40px (плотный интерлиньяж под Manrope) */
.hero-h1{ font-size:clamp(28px,4vw,40px); line-height:1.15; max-width:28ch; }

/* Единый размер заголовков секций → 38px Manrope (запрос 2026-05-28) */
.sec-title,
.vs-title,
.rec-title,
.rn-title,
.icp-title,
.diag-left h3,
.wb-series-head h3,
.whitebook .body h2,
.guarantee h2{
  font-size:38px;
  line-height:1.15;
}

/* ============================================================
   Чистка под брендбук: тени, градиенты, штриховки, радиусы
   (всё оверрайдами — base site.css/index.css не трогаем)
============================================================ */

/* ---------- Тени → мягкие (брендбук: большие тени = AI-слоп) ---------- */
.whitebook .cover img{ box-shadow:var(--elev-3); }
.hero-lightbox .hl-img{ box-shadow:var(--elev-overlay); }
.prod-grid .card:hover,
.wb-card:hover, .wb-card.is-ready:hover{ box-shadow:var(--elev-2); }
.wb-mini, .wb-card.is-ready .wb-mini{ box-shadow:var(--elev-1); }
.whitebook .cover .badge{ box-shadow:var(--elev-1); }
/* убрать неоновые «свечения» (запрет брендбука) */
.sticky-cta{ box-shadow:var(--elev-3); border-radius:var(--r-lg); }
.tg-fab, .tg-fab:hover{ box-shadow:var(--elev-3); }

/* ---------- Градиенты → плоские поверхности ДС ---------- */
.whitebook{ background:var(--bg-inverse); }                 /* #1B2230 графит */
.icp-fit{ background:var(--status-ok-bg); }                 /* «Кому подходит» */
.icp-no{ background:var(--status-bad-bg); }                 /* «Кому НЕ подходит» */

/* ---------- Декоративные штриховки (repeating-linear-gradient) → убрать ---------- */
.avatar, .prod-visual, .pd-shot{ background-image:none; }

/* ---------- Курсив в заголовках запрещён брендбуком ----------
   !important — чтобы перебить inline-<style> sub-страниц (грузятся после нас). */
:is(h1,h2,h3,h4) em, :is(h1,h2,h3,h4) i{ font-style:normal !important; }

/* ---------- Запрет брендбука: без курсива в UI ----------
   Акцентный em в заголовках — прямой, цветом-сигналом. */
.hero-h1 em, .sec-title em, .page-head h1 em, .flagship-title em,
.mfg-hero h1 em, .about h1 em, .icp-title em, .vs-title em,
.rec-title em, .rn-title em, .diag-left h3 em, .whitebook .body h2 em,
.wb-series-head h3 em, .guarantee h2 em, main :is(h1,h2,h3) em{
  font-style:normal;
  font-weight:700;
  color:var(--accent);
}