@import url(/assets/css/tokens.css?v=1758149410);
/* theme-rose disabled */
/* === GE: унификация шапки и меню под стиль "Главной" ======================= */

/* ширина контейнера и отступы */
.wrap, main, .site-header, .site-footer{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:16px !important;
  padding-right:16px !important;
}
.wrap{ margin:0 auto 1rem !important; }        /* убрать верхний отступ везде */
body{ padding-top:0 !important; }              /* на всякий случай гасим фиксы из site.css */

/* шапка */
.wrap > header{
  display:block;
  margin:0 0 14px !important;                  /* единый зазор под шапкой */
  padding-bottom:12px !important;
}
.wrap > header .header-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  border-radius:12px !important;
  margin:0 0 6px !important;                   /* баннер "прижат" кверху и близко к меню */
}

/* ряд под баннером: меню слева, заголовок справа */
.wrap > header .head-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;                         /* без лишнего воздуха */
}
.wrap > header .head-row .nav{ margin-right:auto !important; }
.wrap > header .head-row h1,
.wrap > header h1{
  margin:0 0 0 auto !important;               /* заголовок вправо */
  font-size:20px !important;
}

/* скрыть люой старый .nav, оставить только новый ряд */
header .nav:not(.nav--new),
.head-row .nav:not(.nav--new),
.wrap header .nav:not(.nav--new){
  display:none !important;
}

/* красивый НОВЫЙ ряд кнопок — как на Главной */
.nav--new{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  background:#0f141c !important;
  border:1px solid #2a2f3a !important;
  border-radius:16px !important;
  padding:12px 14px !important;               /* высота «как на Главной» */
}
.nav--new a{
  display:inline-block !important;
  padding:12px 18px !important;               /* высота «как на Главной» */
  border-radius:999px !important;
  background:#171a21 !important;
  border:1px solid #2a2f3a !important;
  color:#e7e7e7 !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
.nav--new a:hover{ background:#1a1f29 !important; }

/* маленький зазор перед первым контентным блоком */
.wrap > .card:first-of-type,
.wrap > section.card:first-of-type{ margin-top:8px; }
/* === /GE ==================================================================== */

/* ============================================
   2025-09-17 — Fix: модалки и поле телефона
   1) Унифицируем инпуты внутри модалок (#event-modal, #event-modal-legacy)
   2) Принудительно тёмный фон для input[type="tel"] на всех страницах
   3) Читаемые плейсхолдеры и анти-автофилл (WebKit)
   ============================================ */

#event-modal input, #event-modal textarea,
#event-modal-legacy input, #event-modal-legacy textarea{
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: inherit !important;
}

input[type="tel"]{
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: inherit !important;
}

#event-modal ::placeholder, #event-modal-legacy ::placeholder{
  opacity: .65;
}

/* Убираем «белый/жёлтый» автофилл в Chrome/Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px var(--surface) inset;
}

/* 2025-09-17 — Modal(unify): поля как у ФИО + сетка */
#event-modal-legacy .ev-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap:12px 20px;
}
#event-modal-legacy input, #event-modal-legacy textarea{
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: inherit !important;
  width:100%;
}

/* 2025-09-17 — partner-modal: унификация полей */
#partner-modal .input,
#partner-modal input,
#partner-modal textarea{
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: inherit !important;
  width: 100%;
}
#partner-modal ::placeholder{ opacity:.65; }
/* убираем светлый автофилл */
#partner-modal input:-webkit-autofill,
#partner-modal input:-webkit-autofill:hover,
#partner-modal input:-webkit-autofill:focus{
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px var(--surface) inset;
}
/* 2025-09-17 — ev-modal unify: поля как у Ф.И.О. на "Для партнёров" */
.ev-modal .input,
.ev-modal input,
.ev-modal textarea{
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: inherit !important;
  width: 100%;
}
.ev-modal ::placeholder{ opacity:.65; }
/* убираем светлый автофилл */
.ev-modal input:-webkit-autofill,
.ev-modal input:-webkit-autofill:hover,
.ev-modal input:-webkit-autofill:focus{
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px var(--surface) inset;
}
/*
  2025-09-17 — Partners Forms UI Unify
  Назначение: сделать видимые "окошки" у всех полей (тёмный фон, рамка, скругления)
  Охват: модалка "Для партнёров" (.ev-modal) и страница "Стать партнёром" (slug overl_ts3)

  #1. Токены (локальные для патча)
*/
:root{
  --pf-surface: #12151b;  /* тёмный фон поля */
  --pf-border:  #2a2f3a;  /* рамка */
  --pf-focus:   #e27831;  /* подсветка фокуса */
}

/* #2. Модалка "Для партнёров" (динамическая .ev-modal от partners_events.js) */
html[data-slug="overl_ts6"] .ev-modal input,
html[data-slug="overl_ts6"] .ev-modal textarea,
html[data-slug="overl_ts6"] .ev-modal .input{
  background: var(--pf-surface) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 12px !important;
  color: inherit !important;
  padding: 10px 12px !important;
  width: 100% !important;
  outline: none !important;
}
html[data-slug="overl_ts6"] .ev-modal ::placeholder{ opacity:.65; }
/* фокус у полей модалки */
html[data-slug="overl_ts6"] .ev-modal input:focus,
html[data-slug="overl_ts6"] .ev-modal textarea:focus{
  border-color: var(--pf-focus) !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--pf-focus) 45%, transparent) !important;
}

/* #3. Страница "Стать партнёром" — те же "окошки" у всех полей */
html[data-slug="overl_ts3"] #guide-body input[type="text"],
html[data-slug="overl_ts3"] #guide-body input[type="tel"],
html[data-slug="overl_ts3"] #guide-body input[type="email"],
html[data-slug="overl_ts3"] #guide-body textarea,
html[data-slug="overl_ts3"] #guide-body .input{
  background: var(--pf-surface) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 12px !important;
  color: inherit !important;
  padding: 10px 12px !important;
  width: 100% !important;
  outline: none !important;
}
html[data-slug="overl_ts3"] #guide-body ::placeholder{ opacity:.65; }
html[data-slug="overl_ts3"] #guide-body input:focus,
html[data-slug="overl_ts3"] #guide-body textarea:focus{
  border-color: var(--pf-focus) !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--pf-focus) 45%, transparent) !important;
}

/* #4. Анти-автофилл для обоих экранов (чтобы не выбеливало поля) */
html[data-slug="overl_ts6"] .ev-modal input:-webkit-autofill,
html[data-slug="overl_ts3"] #guide-body input:-webkit-autofill{
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px var(--pf-surface) inset !important;
}
/* ============================================
   2025-09-17 — Partners forms unify + smooth scroll
   Делает видимые поля (тёмный фон + рамка) в:
   – модалке «Для партнёров» (.ev-modal)
   – форме «Стать партнёром» (#guide-body на slug tim-1)
   Плюс плавный скролл к якорю формы.
   ============================================ */

/* 0) Плавный скролл и компенсация шапки для якоря формы */
html { scroll-behavior: smooth; }
#partner-apply { scroll-margin-top: calc(var(--header-h, 64px) + 16px); }

/* 1) Унификация инпутов в модалке (она всегда класс .ev-modal) */
.ev-modal input,
.ev-modal textarea,
.ev-modal .input{
  background: #12151b !important;
  border: 1px solid #2a2f3a !important;
  border-radius: 12px !important;
  color: #e7e7e7 !important;
  padding: 10px 12px !important;
  width: 100% !important;
  outline: none !important;
}
.ev-modal ::placeholder{ opacity:.65; }
.ev-modal input:focus, .ev-modal textarea:focus{
  border-color: #55b7ff !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, #55b7ff 45%, transparent) !important;
}
/* анти-автофилл */
.ev-modal input:-webkit-autofill,
.ev-modal input:-webkit-autofill:hover,
.ev-modal input:-webkit-autofill:focus{
  -webkit-text-fill-color: #e7e7e7 !important;
  -webkit-box-shadow: 0 0 0 1000px #12151b inset !important;
}

/* 2) «Стать партнёром» — видимые поля внутри #guide-body (slug tim-1) */
html[data-slug="tim-1"] #guide-body input[type="text"],
html[data-slug="tim-1"] #guide-body input[type="tel"],
html[data-slug="tim-1"] #guide-body input[type="email"],
html[data-slug="tim-1"] #guide-body textarea,
html[data-slug="tim-1"] #guide-body .input{
  background: #12151b !important;
  border: 1px solid #2a2f3a !important;
  border-radius: 12px !important;
  color: #e7e7e7 !important;
  padding: 10px 12px !important;
  width: 100% !important;
  outline: none !important;
}
html[data-slug="tim-1"] #guide-body ::placeholder{ opacity:.65; }
html[data-slug="tim-1"] #guide-body input:focus,
html[data-slug="tim-1"] #guide-body textarea:focus{
  border-color: #55b7ff !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, #55b7ff 45%, transparent) !important;
}
/* анти-автофилл на этой странице */
html[data-slug="tim-1"] #guide-body input:-webkit-autofill{
  -webkit-text-fill-color: #e7e7e7 !important;
  -webkit-box-shadow: 0 0 0 1000px #12151b inset !important;
}
/* --- GE partners modal interaction hotfix --- */
#partner-modal, #partner-modal * { pointer-events:auto !important; }
#partner-modal .dlg { 
  background:#171a21 !important; border:1px solid #2a2f3a !important; 
  border-radius:12px !important; box-shadow:0 14px 32px rgba(0,0,0,.6) !important;
}
#partner-modal input, #partner-modal .input, 
#partner-modal textarea, #partner-modal button { 
  pointer-events:auto !important; 
}
/* === Grande Etoile — rose/coffee theme (site-wide) === */
:root{
  --ge-page:#f7f1ee;         /* общий фон страницы (тёплый беж) */
  --ge-card:#fcf8f6;         /* фон карточек/модалок */
  --ge-ink:#3a2b2b;          /* основной текст (кофейный) */
  --ge-muted:#7a6360;        /* приглушённый текст */
  --ge-accent:#d7a48e;       /* акцент (ньюд) */
  --ge-accent-2:#c38d73;     /* акцент hover */
  --ge-border:#ead9cf;       /* светлая граница */
}

html, body{ background:var(--ge-page); color:var(--ge-ink); }

/* Карточки/модалки */
.card{ background:var(--ge-card) !important; border:1px solid var(--ge-border) !important; }
.muted{ color:var(--ge-muted) !important; }

/* Кнопки (включая пункты меню-табов) */
.btn, .menu a, .menu .btn{
  background:var(--ge-card) !important;
  color:var(--ge-ink) !important;
  border:1px solid var(--ge-border) !important;
  border-radius:10px !important;
}
.btn:hover, .menu a:hover, .menu .btn:hover{
  background:var(--ge-accent) !important; color:#fff !important; border-color:var(--ge-accent) !important;
}

/* Полоса под баннером и отступы */
.head-row, .nav, .nav-line, .tabs{ background:transparent !important; }
.header-image{ margin:6px 0 10px !important; }

/* Поля ввода видно и в модалке тоже */
input, textarea, select{
  background:#fff !important; border:1px solid var(--ge-border) !important; color:var(--ge-ink) !important;
}
input::placeholder, textarea::placeholder{ color:var(--ge-muted) !important; opacity:.9; }

/* Почин для модалки регистрации (чтобы точно была как карточка) */
#partner-modal .dlg{
  background:var(--ge-card) !important; border:1px solid var(--ge-border) !important;
  border-radius:12px !important; box-shadow:0 14px 32px rgba(0,0,0,.15) !important;
}

/* Снятие «старых» ужиманий и скрытий на гайд-страницах */
.wrap > .card:first-of-type{ display:block !important; }   /* на некоторых гайдах его скрывали */
html[data-slug="overl_ts6"] header .head-row,
html[data-slug="tim-1"]     header .head-row{ margin-bottom:10px !important; }

/* Временные адаптеры для таблиц мероприятий (светлая тема) */
table.events-table th{ background:#efe5e1 !important; color:var(--ge-ink) !important; }
table.events-table td{ background:var(--ge-card) !important; }

/* Боковые узоры (подгружаемые SVG, можно заменить позже) */
body::before, body::after{
  content:""; position:fixed; top:0; bottom:0; width:140px; pointer-events:none; z-index:1;
  background-repeat:repeat-y; background-size:140px auto; opacity:.18;
}
body::before{ left:0;  background-image:url('/assets/img/ornament-left.svg'); }
body::after { right:0; background-image:url('/assets/img/ornament-right.svg'); }
/* контент поверх узоров */
.wrap, main, #guide-body{ position:relative; z-index:2; }
/* --- nav & tabs light --- */
.nav, .tabs, .menu{ background:transparent !important; }
.nav a, .tabs a, .menu a{
  background:var(--ge-card) !important; color:var(--ge-ink) !important;
  border:1px solid var(--ge-border) !important; border-radius:10px !important;
}
.nav a:hover, .tabs a:hover, .menu a:hover{
  background:var(--ge-accent) !important; color:#fff !important; border-color:var(--ge-accent) !important;
}

/* --- light theme: убрать тёмный фон под навигацией/под баннером --- */
header, .head-row + .menu, .menu, .menu-wrap, .nav, .tabs, .nav-wrap {
  background: transparent !important;
}
/* === Light header/nav band (coffee palette) === */
:root{
  --page-bg: #F4E9E3;     /* общий фон страницы */
  --card-bg: #FFF7F3;     /* фон карточек/кнопок */
  --ink:     #3A2A25;     /* основной текст (тёплый тёмно-коричневый) */
}

body{ background: var(--page-bg) !important; }

/* фон всей шапки такой же, как у страницы */
header,
header .head-row{ background: var(--page-bg) !important; }

/* полоса под меню (где лежат кнопки) — светлая, без тёмного блока */
header .menu-row{
  background: var(--page-bg) !important;
  border: none !important;
  box-shadow: none !important;
}

/* сами кнопки в шапке */
header .menu-row .btn{
  background: var(--card-bg) !important;
  color: var(--ink) !important;
  border: 1px solid #E5D8CF !important;
}
header .menu-row .btn:hover{
  background: #F1E4DD !important;
  border-color: #DBC8BE !important;
}

/* чуть меньше зазор между баннером и меню */
.header-image{ margin-bottom: 10px !important; }
/* === fix: светлый фон вокруг баннера в шапке === */
:root{
  --page-bg: #F4E9E3;
  --card-bg: #FFF7F3;
  --ink:     #3A2A25;
}

/* общий фон страницы */
html, body { background: var(--page-bg) !important; }

/* вся шапка — без тёмного фона и теней */
header,
header::before, header::after,
header .wrap,
header .head-row, header .head-row::before, header .head-row::after,
.header-image, .header-image::before, .header-image::after {
  background: var(--page-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* полоса под меню (где лежат кнопки) — светлая */
header .menu-row{
  background: var(--page-bg) !important;
  border: none !important;
  box-shadow: none !important;
}

/* сами кнопки меню — светлые, тёплый кофе */
header .menu-row .btn{
  background: var(--card-bg) !important;
  color: var(--ink) !important;
  border: 1px solid #E5D8CF !important;
}
header .menu-row .btn:hover{
  background: #F1E4DD !important;
  border-color: #DBC8BE !important;
}

/* чуть ближе баннер к меню */
.header-image{ margin-bottom: 10px !important; }
/* === Coffee-theme polish: separators, header/menu, tables === */

/* Базовая палитра (можно позже уточнить цифры) */
:root{
  --paper:#f1e5dc;   /* фон страницы */
  --panel:#f7efe9;   /* карточки/кнопки */
  --ink:#3e2a24;     /* основной текст (кофейный) */
  --sep:#e8d7cd;     /* разделители/границы */
}

/* Шапка и полоса с меню — светлый фон */
.header-image,
.head-row,
.menu-row { background: var(--paper) !important; }

/* Тёмная тонкая полоса под баннером и похожие «hr/line/separator» — осветляем */
.wrap > .hr,
.wrap > hr,
.wrap > .line,
.wrap > .separator,
header + .wrap > .hr,
header + .wrap > hr {
  height:1px !important;
  border:0 !important;
  background: var(--sep) !important;
  box-shadow:none !important;
}

/* Любые <hr> внутри гайдов — те же светлые разделители */
#guide-body hr{
  height:1px;
  margin:18px 0;
  border:0;
  background: var(--sep);
}

/* Кнопки меню — светлые */
.menu-row .btn,
nav .btn,
.tabs .btn{
  background: var(--panel) !important;
  color: var(--ink) !important;
  border:1px solid #e2d1c7 !important;
}

/* Таблицы на «Для партнёров» — светлые шапки и границы */
#guide-body table.events-table thead th{
  background: var(--panel) !important;
  color: var(--ink) !important;
}
#guide-body table.events-table td,
#guide-body table.events-table th{
  border-color:#e2d1c7 !important;
}
/* === Coffee-theme polish: separators, header/menu, tables === */

/* Базовая палитра (можно позже уточнить цифры) */
:root{
  --paper:#f1e5dc;   /* фон страницы */
  --panel:#f7efe9;   /* карточки/кнопки */
  --ink:#3e2a24;     /* основной текст (кофейный) */
  --sep:#e8d7cd;     /* разделители/границы */
}

/* Шапка и полоса с меню — светлый фон */
.header-image,
.head-row,
.menu-row { background: var(--paper) !important; }

/* Тёмная тонкая полоса под баннером и похожие «hr/line/separator» — осветляем */
.wrap > .hr,
.wrap > hr,
.wrap > .line,
.wrap > .separator,
header + .wrap > .hr,
header + .wrap > hr {
  height:1px !important;
  border:0 !important;
  background: var(--sep) !important;
  box-shadow:none !important;
}

/* Любые <hr> внутри гайдов — те же светлые разделители */
#guide-body hr{
  height:1px;
  margin:18px 0;
  border:0;
  background: var(--sep);
}

/* Кнопки меню — светлые */
.menu-row .btn,
nav .btn,
.tabs .btn{
  background: var(--panel) !important;
  color: var(--ink) !important;
  border:1px solid #e2d1c7 !important;
}

/* Таблицы на «Для партнёров» — светлые шапки и границы */
#guide-body table.events-table thead th{
  background: var(--panel) !important;
  color: var(--ink) !important;
}
#guide-body table.events-table td,
#guide-body table.events-table th{
  border-color:#e2d1c7 !important;
}
/* === Coffee theme — светлый хедер и меню ================================ */
:root{
  --paper:#f1e5dc;   /* общий фон */
  --panel:#faf1ea;   /* панели/кнопки */
  --ink:#3e2a24;     /* кофейный текст */
  --sep:#e6d6cc;     /* границы/разделители */
}

/* фон страницы и хедера */
body, .site-header{ background:var(--paper) !important; color:var(--ink) !important; }

/* хедер и ряд под баннером — без тёмных подложек и линий */
.wrap > header,
.wrap header .head-row{ background:transparent !important; border:none !important; }
.wrap > header::before, .wrap > header::after,
.wrap header .head-row::before, .wrap header .head-row::after{
  content:none !important; display:none !important;
}

/* контейнер меню и кнопки (как на главной, но светлые) */
.nav--new{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  background:var(--panel) !important;
  border:1px solid var(--sep) !important;
  border-radius:16px !important;
  padding:12px 14px !important;
}
.nav--new a{
  display:inline-block !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:var(--panel) !important;
  border:1px solid var(--sep) !important;
  color:var(--ink) !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
.nav--new a:hover{ background:#f4e9e1 !important; }

/* баннер без лишних отступов */
.wrap > header .header-image img{
  display:block !important; width:100% !important; height:auto !important;
  border-radius:12px !important; margin:0 !important;
}

/* «Для партнёров»: осветлить таблицу событий */
table.events-table th, table.events-table td{ border-color:var(--sep) !important; }
table.events-table thead th{
  background:var(--panel) !important; color:var(--ink) !important; font-weight:700 !important;
}
/* ======================================================================= */
/* === Fix: светлая полоса под баннером ================================ */
/* сам header без тёмных теней/границ */
.wrap > header{
  background:var(--paper) !important;
  box-shadow:none !important;
  border:none !important;
}

/* head-row — светлая капсула во всю ширину */
.wrap > header .head-row{
  background:var(--panel) !important;
  border:1px solid var(--sep) !important;
  border-radius:16px !important;
  padding:12px 14px !important;
  margin:0 !important;
}

/* контейнер меню — прозрачный (фон даёт head-row) */
.nav--new{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
/* кнопки остаются светлыми, как было */
/* === Coffee light: шапка и меню (полный светлый вид) =================== */
:root{
  --paper:#f1e5dc;      /* фон страницы */
  --panel:#f7efe9;      /* фон капсулы под баннером */
  --ink:#3e2a24;        /* кофейный текст */
  --btn-bg:#ffffff;     /* фон кнопок */
  --btn-hover:#f3ebe5;  /* hover кнопок */
  --btn-border:#e6d8cf; /* рамка кнопок */
}

/* 1) Общий светлый фон и цвет текста */
html, body{ background:var(--paper) !important; color:var(--ink) !important; }
.wrap{ background:transparent !important; }

/* 2) Сам header без тёмных теней/рамок, псевдо-полосы выключить */
.wrap > header{
  background:var(--paper) !important;
  border:none !important;
  box-shadow:none !important;
}
.wrap > header::before,
.wrap > header::after{ display:none !important; }

/* 3) Баннер без «полоски»: любые рамки/тени убирать */
.wrap > header .header-image,
.wrap > header .header-image img{
  border:none !important;
  box-shadow:none !important;
}

/* 4) Убить тёмные разделители, которые тема рисует как .hr/.line/hr */
.wrap > header .line,
.wrap > header .hr,
.head-row .line,
.head-row .hr,
.line, .hr, hr{
  background:transparent !important;
  border:none !important;
  height:0 !important;
  margin:0 !important;
}

/* 5) Капсула под баннером: светлая и БЕЗ общей рамки вокруг меню */
.wrap > header .head-row{
  background:var(--panel) !important;
  border:none !important;                /* — убираем общую рамку */
  border-radius:16px !important;
  padding:12px 14px !important;
  margin:0 !important;
}

/* 6) Группа меню — прозрачная, без своих бордеров/фонов */
.nav--new{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}

/* 7) Кнопки: светлые «таблетки» с кофейным текстом */
.nav--new a{
  background:var(--btn-bg) !important;
  border:1px solid var(--btn-border) !important;
  color:var(--ink) !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  font-weight:600 !important;
  text-decoration:none !important;
}
.nav--new a:hover{ background:var(--btn-hover) !important; }
/* === /Coffee light ====================================================== */
/* === GE coffee: убрать тёмные подложки вокруг баннера и меню === */

/* всё что вокруг баннера и ряда меню — прозрачное, без теней и рамок */
.wrap > header,
.wrap > header::before,
.wrap > header::after,
.wrap > header .header-image,
.wrap > header .head-row,
.wrap > header .head-row::before,
.wrap > header .head-row::after,
.wrap > header .head-row .nav,
.nav--new,
.site-header,
.site-header::before,
.site-header::after{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* на всякий — выключаем возможные разделители-полосы */
.wrap > header + .line,
.wrap > header + .hr,
.wrap > header .line,
.wrap > header .hr,
.line, .hr, .separator{
  background: transparent !important;
  height: 0 !important;
  border: 0 !important;
}

/* немного воздуха под баннером, но без «тёмной подложки» */
.wrap > header{ padding-bottom:6px !important; margin-bottom:10px !important; }
/* === Kill dark bar under banner (head-row/nav container) === */
header .head-row,
.wrap header .head-row,
.wrap > header .head-row{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* на всякий — сам nav тоже прозрачный */
header .head-row .nav{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* убираем любые псевдо-разделители, которые могут давать «уголки» */
header .head-row::before,
header .head-row::after{
  content: none !important;
}
/* === GE: убрать чёрную плашку под баннером (ряд меню) === */
.nav--new{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* контейнеры ряда — тоже без подложек и псевдо-разделителей */
.wrap > header,
.wrap header .head-row,
header .head-row{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
header .head-row::before,
header .head-row::after{ content:none !important; }

/* сам <nav> внутри ряда — на всякий */
header .head-row .nav{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* === GE: убрать ВСЕ тёмные подложки вокруг баннера и ряда меню === */

/* Базовый светлый фон на всякий случай (если прозрачно) */
:root{ --ge-paper:#f7efe9; }

/* Шапка сайта и её контейнер — не должны иметь фона/рамок/тени */
.site-header,
.wrap > header,
.wrap header{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Изображение баннера как было (ширина 100%) */
.wrap > header .header-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
}

/* Ряд под баннером: полностью прозрачный контейнер */
.wrap > header .head-row,
header .head-row{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
header .head-row::before,
header .head-row::after{ content:none !important; }

/* Сам <nav> (любой вариант старый/новый) — без подложки */
header .head-row .nav,
.nav--new{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Кнопки оставляем «таблетками», фон указываем на самих <a> */
.nav--new a{
  display:inline-block !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:#fff7f1 !important;          /* мягкий светлый фон кнопки */
  border:1px solid #e8d7cd !important;     /* тонкая светлая рамка */
  color:#3e2a24 !important;                /* кофейный текст */
  text-decoration:none !important;
  font-weight:600 !important;
}
.nav--new a:hover{ filter:brightness(0.97) !important; }

/* На всякий: фон страницы светлый, чтобы «прозрачность» не давала чёрное */
body, .wrap, main{
  background: var(--paper, var(--ge-paper)) !important;
}
/* ===== GE light header/menu – override palette & backgrounds ===== */

/* Светлая палитра вместо тёмной темы */
:root{
  --paper:   #f7efe9;
  --surface: #fff7f1;
  --surface-2:#fff7f1;
  --surface-3:#fff7f1;
  --panel:   #fff7f1;
  --border:  #e8d7cd;
  --ink:     #3e2a24;
}

/* Боди и общая обёртка — светлые */
html, body, main, .wrap{
  background: var(--paper) !important;
  color: var(--ink) !important;
}

/* Шапка и все её оболочки — без фона/рамок/теней */
.site-header,
.wrap > header,
.wrap header,
.wrap > header::before,
.wrap > header::after{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Ряд под баннером (контейнер для меню/заголовка) */
.wrap > header .head-row,
.wrap > header .head-row::before,
.wrap > header .head-row::after{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Любые старые .nav-блоки — тоже без общей “коробки” */
header .nav,
.wrap header .nav{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Сами ссылки-таблетки — светлые */
header .nav a{
  display:inline-block !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:#fff7f1 !important;
  border:1px solid var(--border) !important;
  color:var(--ink) !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
header .nav a:hover{ filter:brightness(.97) !important; }

/* Баннер как был: на всю ширину, без теней вокруг */
.wrap > header .header-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  margin:0 !important;
  box-shadow:none !important;
}
/* === GE: kill dark bar around header/menu === */

/* общая светлая подложка */
html, body, main, .wrap{ background:#f7efe9 !important; color:#3e2a24 !important; }

/* шапка и «ряд под баннером» — полностью прозрачные, без рамок/теней */
.site-header,
.wrap > header,
.wrap header,
.wrap > header .head-row,
.wrap > header::before,
.wrap > header::after,
.wrap > header .head-row::before,
.wrap > header .head-row::after{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* старые «разделители» на всякий случай убираем */
.wrap > .line, .wrap > .hr, .wrap > .separator,
.line, .hr, .separator{ display:none !important; }

/* ВИНОВНИК: контейнер нового меню .nav--new — делаем прозрачным */
.nav--new,
.wrap header .nav--new{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Кнопки-таблетки — светлые */
header .nav a,
.nav--new a{
  background:#fff7f1 !important;
  border:1px solid #e8d7cd !important;
  color:#3e2a24 !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
.nav--new a:hover,
header .nav a:hover{ filter:brightness(.97) !important; }
/* === 2025-09-17 force-light header/menu (beat "body .wrap > header") === */
html body .site-header{
  background:#f7efe9 !important;
  border:0 !important;
  box-shadow:none !important;
}
html body .wrap > header{
  background:transparent !important;         /* убираем чёрный фон под баннером/меню */
  border:0 !important;
  box-shadow:none !important;
}
html body .wrap > header .head-row,
html body .wrap header .head-row{
  background:transparent !important;         /* «капсула» строки с кнопками — прозрачная */
  border:0 !important;
  box-shadow:none !important;
}
/* контейнер меню — без общей рамки/фона */
html body .wrap header .nav,
html body .wrap header .nav--new{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
/* сами кнопки — светлые */
html body .wrap header .nav a,
html body .wrap header .nav--new a{
  background:#fff7f1 !important;
  color:#3e2a24 !important;
  border:1px solid #e8d7cd !important;
  border-radius:9999px !important;
}
/* ============================================================================
   GE: Новости (root #news-list) — фиксация шапки, отступы, скругления, ширина
   Применяется ТОЛЬКО к главной root-странице (у нас на ней блок #news-list).
   1) header делаем sticky (баннер + панель не уезжают при прокрутке)
   2) панель навигации ближе к баннеру
   3) кнопки чуть более округлые
   4) ширина контента как у баннера; скругления основной и внутренних карточек
   ============================================================================ */

/* 0. База: таргетим именно главную (root), где есть #news-list */
html body.home .wrap{ max-width: 1220px; margin: 0 auto; }

/* 1. Фиксируем баннер+панель при прокрутке */
html body.home .wrap > header{
  position: sticky; top: 0; z-index: 1000;
  /* без теней/фона — просто “прилипание” */
}

/* 2. Панель навигации — ближе к баннеру */
html body.home .wrap > header .nav,
html body.home .wrap > header .nav--new{
  margin-top: 6px !important;   /* было больше, поджали */
}

/* 3. Кнопки — слегка округлить */
html body.home .wrap > header .nav a,
html body.home .wrap > header .nav--new a,
html body.home .wrap > header .nav .btn,
html body.home .wrap > header .nav--new .btn{
  border-radius: 10px !important;   /* «чуть» более округлые */
  line-height: 1.2 !important;
}

/* 4. Скругления основной карточки страницы «Новости» */
html body.home main,
html body.home .content,
html body.home .page{
  border-radius: 18px !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

/* 4.1. Скругления внутренних карточек в ленте новостей */
#news-list, #news-list .card, #news-list article,
#news-list .news, #news-list .post, #news-list .item{
  border-radius: 18px !important;
  overflow: hidden !important;
}
/* === GE HOME #news-list tune (width, sticky header, panel spacing, rounding) === */
html body.home .wrap{max-width:1220px!important;margin:0 auto!important}
html body.home .wrap>header{position:sticky!important;top:0!important;z-index:2000!important}
html body.home .wrap>header .head-row .nav.nav,html body.home .wrap>header .nav--new.nav--new{background:rgba(255,255,255,.90)!important;border-radius:16px!important;padding:6px 10px!important;width:max-content!important;margin:-14px auto 12px!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important}
html body.home .wrap>header .head-row .nav.nav a,html body.home .wrap>header .nav--new.nav--new a{display:inline-flex!important;align-items:center!important;min-height:52px!important;padding:0 12px!important;border-radius:10px!important;line-height:1.2!important}
html body.home main,html body.home .content,html body.home .page{border-radius:18px!important;overflow:hidden!important;background-clip:padding-box!important}
html body.home #news-list,html body.home #news-list .card,html body.home #news-list article{border-radius:18px!important;overflow:hidden!important}
/* === FINAL: HOME /#news-list (width, sticky, panel spacing on .head-row, button rounding, page rounding) === */
html body.home .wrap{max-width:1220px!important;margin:0 auto!important}
html body.home .wrap>header{position:sticky!important;top:0!important;z-index:2000!important}

/* Панель: фон и отступы ДАЁМ НА .head-row, чтобы не зависеть от display nav */
html body.home .wrap>header .head-row{
  background: rgba(255,255,255,.90) !important;
  border-radius: 16px !important;
  padding: 6px 10px !important;
  width: max-content !important;
  margin: -12px auto 12px !important;  /* ближе к баннеру */
  box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}

/* Кнопки: немного менее квадратные */
html body.home .wrap>header .head-row .nav a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  line-height:1.2 !important;
}

/* Скругления контента страницы и карточек новостей */
html body.home main,
html body.home .content,
html body.home .page,
html body.home section.grid{
  border-radius:18px !important;
  overflow:hidden !important;
  background-clip:padding-box !important;
}
html body.home #news-list,
html body.home #news-list .card,
html body.home #news-list article{
  border-radius:18px !important;
  overflow:hidden !important;
}
/* === GE HOME NEWS TUNE v2 === */
html body.home .wrap{max-width:1220px!important;margin:0 auto!important}
html body.home .wrap>header{position:sticky!important;top:0!important;z-index:3000!important}
html body.home .wrap>header .header-image img{border-radius:18px!important}

/* Подложка под заголовок/меню — вплотную к баннеру */
html body.home .wrap>header .head-row{
  position:relative!important;
  background:rgba(255,255,255,.92)!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  width:max-content!important;
  margin:-18px auto 14px!important; /* ближе к баннеру */
  box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
  min-height:56px!important;
}

/* Центруем панель кнопок внутри подложки */
html body.home .wrap>header .head-row .nav{
  position:absolute!important;
  left:50%!important; top:50%!important;
  transform:translate(-50%,-50%)!important;
  white-space:nowrap!important;
}

/* Заголовок «Новости» остаётся справа и не мешает центру */
html body.home .wrap>header .head-row h1{
  margin:0!important;
  padding-left:12px!important;
  font-size:22px!important;
  line-height:1!important;
  margin-left:auto!important;
}

/* Кнопки — чуть более округлые */
html body.home .wrap>header .head-row .nav a{
  border-radius:12px!important;
  min-height:48px!important;
  padding:0 14px!important;
}

/* Скругления основной карточки и карточек новостей */
html body.home section.grid{
  border-radius:18px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
html body.home #news-list,
html body.home #news-list .card,
html body.home #news-list article{
  border-radius:18px!important;
  overflow:hidden!important;
}
/* === GE HOME NEWS TUNE v3 (подложка под баннером + центр меню) === */
html body.home .wrap{max-width:1220px!important;margin:0 auto!important}

/* фиксируем и баннер, и панель */
html body.home .wrap>header{position:sticky!important;top:0!important;z-index:3000!important}
html body.home .wrap>header .header-image img{border-radius:18px!important}

/* подложка — во всю ширину контента, вплотную к баннеру */
html body.home .wrap>header .head-row{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;  /* [лево] [центр-меню] [право-заголовок] */
  align-items:center!important;
  width:100%!important;
  background:rgba(255,255,255,.95)!important;
  border-radius:16px!important;
  padding:12px 18px!important;
  margin:-16px auto 16px!important;             /* поджали к баннеру */
  box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
  min-height:56px!important;
}

/* навигация — строго по центру подложки */
html body.home .wrap>header .head-row .nav{
  grid-column:2!important;
  justify-self:center!important;
  white-space:nowrap!important;
}

/* заголовок «Новости» — справа */
html body.home .wrap>header .head-row h1{
  grid-column:3!important;
  justify-self:end!important;
  margin:0!important;
  padding-left:16px!important;
  font-size:22px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* кнопки — чуть более округлые, одинаковая высота */
html body.home .wrap>header .head-row .nav a{
  border-radius:14px!important;
  min-height:46px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  line-height:1.15!important;
}

/* основная карточка страницы и карточки новостей — скруглить */
html body.home section.grid{
  border-radius:18px!important; overflow:hidden!important; background-clip:padding-box!important;
}
html body.home #news-list,
html body.home #news-list .card,
html body.home #news-list article{
  border-radius:18px!important; overflow:hidden!important;
}
/* === GE HOME NEWS HOTFIX v3.1 — вернуть меню внутрь подложки и центрировать === */
html body.home .wrap{max-width:1220px!important;margin:0 auto!important}

/* фиксируем шапку */
html body.home .wrap>header{position:sticky!important;top:0!important;z-index:3000!important}
html body.home .wrap>header .header-image img{border-radius:18px!important}

/* подложка под баннером: во всю ширину, ближе к баннеру, grid 1fr | auto | 1fr */
html body.home .wrap>header .head-row{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  width:100%!important;
  background:rgba(255,255,255,.96)!important;
  border-radius:16px!important;
  padding:12px 18px!important;
  margin:-12px auto 14px!important;   /* плотно к баннеру */
  box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
  min-height:56px!important;
}

/* СБРОС прошлой absolute-верстки и центрирование меню */
html body.home .wrap>header .head-row .nav{
  position:static!important; left:auto!important; top:auto!important; transform:none!important;
  grid-column:2!important; justify-self:center!important;
  display:flex!important; flex-wrap:nowrap!important; gap:10px!important;
  white-space:nowrap!important;
}

/* заголовок «Новости» справа */
html body.home .wrap>header .head-row h1{
  grid-column:3!important; justify-self:end!important;
  margin:0!important; padding-left:16px!important;
  font-size:22px!important; line-height:1!important; white-space:nowrap!important;
}

/* кнопки — чуть более округлые и ровные по высоте */
html body.home .wrap>header .head-row .nav a{
  border-radius:12px!important;
  min-height:46px!important;
  padding:0 14px!important;
  display:inline-flex!important; align-items:center!important; line-height:1.15!important;
}

/* скруглить основную карточку и карточки новостей */
html body.home section.grid{border-radius:18px!important;overflow:hidden!important;background-clip:padding-box!important}
html body.home #news-list, html body.home #news-list .card, html body.home #news-list article{border-radius:18px!important;overflow:hidden!important}
/* === GE HOME NEWS v3.2 — подложка прижата к баннеру, новое меню слева, старое скрыто === */
html body.home .wrap{max-width:1220px!important;margin:0 auto!important}

/* Липкая шапка (баннер + подложка) */
html body.home .wrap>header{position:sticky!important;top:0!important;z-index:3000!important}
html body.home .wrap>header .header-image img{border-radius:18px!important}

/* Подложка сразу под баннером, во всю ширину контента */
html body.home .wrap>header .head-row{
  display:flex!important;
  align-items:center!important;            /* по центру по вертикали */
  gap:16px!important;
  width:100%!important;
  background:rgba(255,255,255,.96)!important;
  border-radius:16px!important;
  padding:12px 18px!important;
  margin:-12px 0 14px 0!important;         /* прижали к баннеру сверху */
  box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
  min-height:56px!important;
}

/* СКРЫТЬ старое меню (клановское) */
html body.home .wrap>header .head-row > nav.nav{ display:none !important; }

/* Новое меню (создаёт nav_new.js) — слева */
html body.home .wrap>header .head-row .nav--new{
  display:flex!important; gap:10px!important; flex-wrap:nowrap!important;
  margin:0!important; order:1!important;
  justify-content:flex-start!important; align-items:center!important;
}

/* Заголовок — справа */
html body.home .wrap>header .head-row h1{
  margin:0!important; order:2!important; margin-left:auto!important;
  font-size:22px!important; line-height:1!important; white-space:nowrap!important;
}

/* Кнопки — слегка более округлые */
html body.home .wrap>header .head-row .nav--new a{
  border-radius:12px!important;
  min-height:46px!important;
  padding:0 14px!important;
  display:inline-flex!important; align-items:center!important; line-height:1.15!important;
}

/* Скруглить основную карточку и карточки новостей */
html body.home section.grid{border-radius:18px!important;overflow:hidden!important;background-clip:padding-box!important}
html body.home #news-list, html body.home #news-list .card, html body.home #news-list article{border-radius:18px!important;overflow:hidden!important}
/* === GE HOME sticky hard-fix === */
html body.home .wrap{
  overflow:visible !important;           /* чтобы sticky работал */
  transform:none !important;             /* sticky ломается, если есть transform у родителя */
  will-change:auto !important;
}
html body.home .wrap>header{
  position:-webkit-sticky !important;    /* для WebKit */
  position:sticky !important;
  top:0 !important;
  z-index:4000 !important;
}
/* === GE HOME banner/pad tight === */
/* убираем нижний отступ у баннера, чтобы подложка пристала вплотную */
html body.home .wrap>header .header-image img{
  margin-bottom:0 !important;
}
/* сама подложка: без верхнего зазора, аккуратный шов */
html body.home .wrap>header .head-row{
  margin-top:-2px !important;   /* можно 0..-4px; сейчас -2px смотрится ровно */
}
/* === GE HOME banner-pad seam (flush) === */
html body.home .wrap>header .header-image img{
  /* top 12px как было, снизу 0 — без щели */
  margin:12px 0 0 !important;
}
html body.home .wrap>header .head-row{
  /* прижимаем подложку к баннеру «встык» */
  margin-top:-12px !important; /* при необходимости можно -13/-14 */
}
/* === GE HOME banner <-> pad: zero seam hard === */
html body.home .wrap>header{padding-bottom:0!important;margin-bottom:0!important}
html body.home .wrap>header .header-image{margin-bottom:0!important;padding-bottom:0!important}
html body.home .wrap>header .header-image img{margin:12px 0 0!important}
html body.home .wrap>header .head-row{
  margin-top:0!important;              /* чистим любые margin */
  position:relative!important;
  top:-12px!important;                 /* сводим шов вплотную к баннеру */
}
/* === GE HOME: top seam & nav centering in pad === */
/* 1) убираем белый просвет сверху страницы/баннера */
html body.home{margin-top:0!important}
html body.home .wrap{margin-top:0!important;padding-top:0!important}
html body.home .wrap>header{margin-top:0!important}
html body.home .wrap>header .header-image img{margin-top:0!important}

/* 2) подложка у баннера + опускаем панель внутри подложки */
html body.home .wrap>header .head-row{
  position:relative!important;
  top:-12px!important;             /* подложка вплотную к баннеру */
  padding-top:10px!important;      /* контент (кнопки) ниже — по центру */
  padding-bottom:10px!important;
}
html body.home .wrap>header .head-row .nav{
  margin-top:0!important;
  align-items:center!important;    /* вертикальное центрирование, если flex */
}
/* === GE HOME / #news-list: компактные кнопки, без «плашки», слева === */

/* Контейнер меню внутри подложки — без фона/рамок/тени */
html body.home .wrap>header .head-row .nav{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
  padding:0!important;

  /* располагать слева в подложке, не по центру */
  width:auto!important;
  margin-left:14px!important;    /* небольшой внутренний отступ слева */
  margin-right:auto!important;
  margin-top:6px!important;      /* опускаем кнопки чуть ниже, центр по ощущению */
}

/* Сами кнопки — тоньше и слегка округлённые */
html body.home .wrap>header .head-row .nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;     /* было 48–52px */
  padding:0 14px!important;      /* чуть уже по горизонтали */
  line-height:1.1!important;
  border-radius:10px!important;  /* мягкое скругление */
}
/* === GE HOME (#news-list): навигация в подложке — центр, без общей плашки, кнопки тоньше === */
html body.home .wrap > header .head-row{
  display:flex !important;
  align-items:center !important;      /* по вертикали по центру */
  gap:12px !important;
  padding:10px 14px !important;
  border-radius:18px !important;
  margin-top:-4px !important;          /* подложку чуть ближе к баннеру */
}
html body.home .wrap > header .head-row .nav{
  flex:1 !important;                   /* занимает всю ширину подложки */
  display:flex !important;
  justify-content:center !important;   /* кнопки по центру по горизонтали */
  align-items:center !important;
  background:transparent !important;   /* убираем «общую плашку» под кнопками */
  box-shadow:none !important;
  padding:0 !important;
  margin-top:2px !important;           /* опустить сами кнопки внутри подложки */
}
html body.home .wrap > header .head-row .nav a{
  border-radius:10px !important;       /* чуть более округлые */
  padding:6px 12px !important;         /* тоньше */
  line-height:1.2 !important;
  font-size:14px !important;           /* компактнее шрифт */
}
html body.home .wrap > header .head-row h1{
  margin:0 0 0 auto !important;        /* заголовок «Новости» у правого края полосы */
  padding:0 !important;
}
/* === GE HOME NAV v5 — fix: left align, restore vertical height, tighten horizontally === */

/* 1) Контейнер подложки под баннером — оставляем аккуратные отступы */
html body.home .wrap > header .head-row{
  padding: 10px 14px !important;
}

/* 2) Сам nav без собственной «плашки», кнопки влево, ровный зазор */
html body.home .wrap > header .head-row .nav{
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;             /* расстояние между кнопками */
  margin-right: auto !important;   /* прижать группу к левой стороне */
}

/* 3) Кнопки: вернуть высоту, ужать по горизонтали, слегка скруглить */
html body.home .wrap > header .head-row .nav a{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 52px !important;     /* вернуть прежнюю высоту */
  height: 52px !important;
  line-height: 1 !important;
  padding: 0 12px !important;      /* горизонтальное «сужение» */
  border-radius: 10px !important;  /* чуть округлые */
  margin: 0 !important;
}
/* === Global banner border (all pages) — rgb(214,120,65) === */
html body .wrap header .header-image img{
  box-sizing: border-box;                  /* бордер не раздувает ширину */
  border: 1px solid rgb(214,120,65) !important;  /* #D67841 */
  border-radius: 12px !important;          /* как у баннера */
  box-shadow: none !important;             /* тени не нужно */
}
/* === Banner border — NEWS page fix (rgb(214,120,65)) ===
 * На странице новостей баннер может отличаться разметкой: ставим рамку на контейнер,
 * а для <img> отключаем рамку, чтобы не было «двойной» линии.
 */
body.theme-news .wrap header .header-image,
body.theme-news .wrap header .banner{
  box-sizing: border-box;
  border: 1px solid rgb(214,120,65) !important; /* #D67841 */
  border-radius: 12px !important;
  overflow: hidden; /* скругление обрезает содержимое */
}

body.theme-news .wrap header .header-image img,
body.theme-news .wrap header .banner > img{
  border: none !important;               /* рамку даём контейнеру, не картинке */
  border-radius: 12px !important;
  display: block;
  width: 100%;
  height: auto;
}
/* GE hotfix 2mm: опускаем панель на pamytka-svd */
html[data-slug="pamytka-svd--off"] .wrap > header .head-row{
  margin-top: 8px !important; /* ≈ 2 мм */
}
/* GE hotfix adjust: подняли панель на 10px (итого −2px от исходного +8px) */
html[data-slug="pamytka-svd--off"] .wrap > header .head-row{
  margin-top: -2px !important;
}
/* GE hotfix 2025-09-26: ещё +5 мм вверх (≈19px) */
html[data-slug="pamytka-svd--off"] .wrap > header .head-row{
  margin-top: -21px !important; /* было -2px */
}
/* GE hotfix: pamytka-svd — опускаем кнопку-панель на ~2 мм */
html[data-slug="pamytka-svd--off"] .wrap > header .head-row{
  margin-top: 8px !important;   /* ≈ 2 мм вниз */
  margin-bottom: 0 !important;  /* на всякий — без дополнительного зазора снизу */
}
/* GE hotfix v2: pamytka-svd — фиксированный зазор 2мм под баннером */
html[data-slug="pamytka-svd--off"] .wrap > header{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html[data-slug="pamytka-svd--off"] .wrap > header .head-row{
  margin: 2mm 0 0 0 !important;  /* ровно ~7.56px */
}
/* pamytka-svd: 2mm под баннером, без лишнего зазора ниже панели */
html[data-slug="pamytka-svd--off"] body .wrap > header{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .head-row{
  margin-top:2mm !important;   /* аккуратные ~2 мм вниз от баннера */
  margin-bottom:0 !important;  /* не добавляем отступ снизу панели */
}
html[data-slug="pamytka-svd--off"] body .wrap > header + .card:first-of-type{
  margin-top:0 !important;     /* глушим глобальные правила ge-tune.css */
}
/* pamytka-svd: 2mm под баннером, без лишнего зазора ниже панели */
html[data-slug="pamytka-svd--off"] body .wrap > header{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .head-row{
  margin-top:2mm !important;   /* аккуратные ~2 мм вниз от баннера */
  margin-bottom:0 !important;  /* не добавляем отступ снизу панели */
}
html[data-slug="pamytka-svd--off"] body .wrap > header + .card:first-of-type{
  margin-top:0 !important;     /* глушим глобальные правила ge-tune.css */
}
/* === GE spacing lock for pamytka-svd ===================================== */
/* 0) Шапка: никаких внутренних/внешних отступов снизу */
html[data-slug="pamytka-svd--off"] body .wrap > header{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
/* 1) Баннер и панель: в касание (убираем любые маргины на баннере и панели) */
html[data-slug="pamytka-svd--off"] body .wrap > header .header-image,
html[data-slug="pamytka-svd--off"] body .wrap > header .header-image img{
  margin:0 !important; padding:0 !important; display:block !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .head-row{
  margin-top:0 !important;     /* панель вплотную к баннеру */
  margin-bottom:0 !important;  /* без зазора снизу панели */
}
/* 2) Ровно 5 мм между панелью и первой карточкой под шапкой */
html[data-slug="pamytka-svd--off"] body .wrap > header + .card:first-of-type{
  margin-top:5mm !important;
}
/* === GE lock spacing for pamytka-svd ===================================== */
/* В шапке – НУЛЕВОЙ зазор между баннером и панелью (грид-gap обнуляем) */
html[data-slug="pamytka-svd--off"] body .wrap > header{
  gap:0 !important;
  row-gap:0 !important;
  column-gap:0 !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .header-image,
html[data-slug="pamytka-svd--off"] body .wrap > header .header-image img{
  margin:0 !important; padding:0 !important; display:block !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .head-row{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Под панелью – ровно 5 мм до первой карточки */
html[data-slug="pamytka-svd--off"] body .wrap > header + .card:first-of-type{
  margin-top:5mm !important;
}
/* === GE FINAL: pamytka-svd — баннер и панель в касание + 5мм до первой карточки === */
html[data-slug="pamytka-svd--off"] body .wrap > header{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .header-image img{
  margin:0 !important; 
  display:block !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header .head-row{
  margin-top:0 !important;      /* панель вплотную к баннеру */
  margin-bottom:0 !important;
}
html[data-slug="pamytka-svd--off"] body .wrap > header + .card:first-of-type{
  margin-top:5mm !important;    /* 5 мм до первой карточки под панелью */
}

/*
  GE Partners — Consents alignment (partner modal)
  ------------------------------------------------
  1) Делаем блок согласий полноширинным и выравниваем текст слева.
  2) Ставим аккуратную сетку: чекбокс (1) + текст (1fr).
  3) Чуть приподнимаем чекбокс, делаем читаемую межстрочку.
*/

/* 1. Контейнер согласий — слева, на всю ширину */
#partner-modal .consents{
  grid-column: 1 / -1 !important;
  text-align: left !important;
  justify-items: start !important;
  align-items: start !important;
  margin-top: 8px !important;
}

/* 2. Каждая строка согласия: чекбокс + текст */
#partner-modal .consents > label{
  display: grid !important;
  grid-template-columns: 18px 1fr !important;
  gap: 8px !important;
  align-items: start !important;
  margin: 0 !important;
}

/* 3. Чекбоксы и текст */
#partner-modal .consents input[type="checkbox"]{
  width: 16px !important;
  height: 16px !important;
  margin-top: 3px !important;   /* визуально выравниваем с первой строкой текста */
}
#partner-modal .consents span{
  line-height: 1.35 !important;
}
#partner-modal .consents a{
  text-decoration: underline !important;      /* ссылка на Политику — как ссылка */
}

/* 4. Страховка: поля модалки прижаты к верху строки сетки */
#partner-modal .dlg .grid{ align-items: start !important; }

/* GE Partners — consents indent (~5mm ≈ 19px) to align with inputs */
#partner-modal .consents{
  margin-left: 19px !important;
}

/* Чуть меньше отступ на узких экранах */
@media (max-width: 600px){
  #partner-modal .consents{ margin-left: 12px !important; }
}

/*
  GE Modal Light Preset v2
  ------------------------
  Цель: сделать модалку светлой, перебив тёмные инлайн-стили из JS (pm-hard-style).
  Как: повышаем специфичность (html body #partner-modal …) и используем !important.
  Палитра: site tokens из :root (var(--ge-card), --ge-ink, --ge-border, --ge-accent).
*/

/* 1) Окно модалки */
html body #partner-modal .dlg{
  background: var(--ge-card) !important;
  color: var(--ge-ink) !important;
  border: 1px solid var(--ge-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.15) !important;
}

/* 2) Поля ввода */
html body #partner-modal .input,
html body #partner-modal input,
html body #partner-modal textarea{
  background: #fff !important;
  color: var(--ge-ink) !important;
  border: 1px solid var(--ge-border) !important;
  border-radius: 10px !important;
}
html body #partner-modal ::placeholder{ color: var(--ge-muted) !important; opacity: .9 !important; }
html body #partner-modal input:focus,
html body #partner-modal textarea:focus{
  outline: none !important;
  border-color: color-mix(in oklab, var(--ge-ink) 35%, transparent) !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06) !important;
}

/* 3) Кнопки */
html body #partner-modal .btn{
  background: var(--ge-card) !important;
  color: var(--ge-ink) !important;
  border: 1px solid var(--ge-border) !important;
}
html body #partner-modal .btn:hover{
  background: var(--ge-accent) !important;
  border-color: var(--ge-accent) !important;
  color: #fff !important;
}

/*
  GE Modal — RGBA tokens (one-line knobs)
  --------------------------------------
  Меняй одну строку вида rgba(R,G,B,A) и сразу видишь результат.
  Работает только внутри #partner-modal.
*/
#partner-modal{
  /* ========== ТВОИ «крутилки» (меняй как нужно) ========== */
  --modal-card:   rgba(230, 205, 199, 0.96);   /* фон окна модалки */
  --modal-ink:    rgb(106, 60, 50);        /* основной текст */
  --modal-border: rgb(216, 96, 17);     /* границы полей */
  --modal-accent: rgb(177, 80, 39);     /* hover у кнопок/акцент */
  --modal-muted:  rgba(223, 112, 49, 0.95);   /* вторичный текст/placeholder */

  /* ========== Маппинг в уже используемые токены пресета ========== */
  --ge-card:   var(--modal-card);
  --ge-ink:    var(--modal-ink);
  --ge-border: var(--modal-border);
  --ge-accent: var(--modal-accent);
  --ge-muted:  var(--modal-muted);
}

/* GE Modal — force text colors */
html body #partner-modal .dlg,
html body #partner-modal .dlg h1,
html body #partner-modal .dlg h2,
html body #partner-modal .dlg h3,
html body #partner-modal .dlg label,
html body #partner-modal .dlg p,
html body #partner-modal .dlg span,
html body #partner-modal .dlg small,
html body #partner-modal .dlg strong{
  color: var(--ge-ink) !important;
}

/* Вторичный текст и ссылки внутри модалки */
html body #partner-modal .dlg .muted{ color: var(--ge-muted) !important; }
html body #partner-modal .dlg a{
  color: var(--ge-accent) !important;
  text-decoration: underline;
}

/* Чтобы SVG-иконки наследовали текущий цвет текста */
html body #partner-modal .dlg svg{ fill: currentColor !important; }

/* === GE modal: убрать подчёркивания у ссылок/кнопок === */
#partner-modal .dlg a,
#partner-modal .btn,
#partner-modal [data-close] {
  text-decoration: none !important;
}

/* На всякий случай фикс ховера — тоже без подчёркивания */
#partner-modal .dlg a:hover,
#partner-modal .btn:hover,
#partner-modal [data-close]:hover {
  text-decoration: none !important;
}

/* === GE Modal: custom focus & checkbox accent =======================
   Меняем «синий» фокус на тёплый красно-оранжевый.
   При необходимости подстрой только --modal-focus / --modal-focus-border.
*/
#partner-modal{
  --modal-focus:        rgba(218,118,84,.6);   /* мягкое свечение вокруг */
  --modal-focus-border: rgba(247, 100, 32, 0.95);   /* цвет рамки при фокусе */
}

/* Поля ввода: убираем стандартный outline и ставим свой */
html body #partner-modal input:focus,
html body #partner-modal input:focus-visible,
html body #partner-modal textarea:focus,
html body #partner-modal textarea:focus-visible,
html body #partner-modal .input:focus,
html body #partner-modal .input:focus-within{
  outline: none !important;
  border-color: var(--modal-focus-border) !important;
  box-shadow: 0 0 0 3px var(--modal-focus) !important;
}

/* Чекбоксы: цвет галочки/индикатора в нашей палитре */
html body #partner-modal input[type="checkbox"]{
  accent-color: var(--modal-focus-border) !important;
}

/* WebKit-особенности: отключаем «синее» кольцо */
html body #partner-modal input::-webkit-contacts-auto-fill-button{ visibility: hidden; }
html body #partner-modal input:focus{ -webkit-tap-highlight-color: transparent; }

.edu-desc{
  margin-top:10px;
  font-size:14px;
  line-height:1.45;
  color:#553b33;           /* в гамме сайта */
  white-space:pre-wrap;    /* переносим строки из textarea админки */
}