/* ============================================================
   МЕГАМЕНЮ «Каталог» — переписано НАЧИСТО (неймспейс okna-mm-*).
   Отдельный файл + отдельный handle (okna-megamenu-css) = старый кэш правил
   мегаменю физически не применяется. Структура 1:1 со старой:
   [Популярное] / [Типы] [Страны] [Марки] [Модели].
   Панель-оболочка (.okna-mega-panel/.okna-mega/.okna-open/позиционирование/hover)
   остаётся в glavnaya.css (общая с .okna-drop) — здесь только ВНУТРЕННЯЯ раскладка.
   Главное: колонка моделей = 3 РОВНЫЕ колонки во всю ширину (repeat(3,1fr)),
   без columns/auto-fill/minmax (они давали нестабильность).
   ============================================================ */

/* --- Полоса «Популярное»: только марки, в ОДИН ряд с горизонтальным скроллом (много марок листаются вбок) --- */
.okna-mm-popular{ display:flex; align-items:center; gap:12px; padding:2px 2px 14px; margin-bottom:14px;
  border-bottom:1px solid var(--line-d); flex-wrap:nowrap; }
.okna-mm-poplabel{ color:#9aa4b6; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; flex:0 0 auto; }
.okna-mm-poptags{ display:flex; flex-wrap:nowrap; gap:8px; flex:1 1 auto; min-width:0;
  overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; padding-bottom:4px;
  scrollbar-width:thin; scrollbar-color:#4a5468 transparent; -webkit-overflow-scrolling:touch; }
.okna-mm-poptags::-webkit-scrollbar{ height:6px; }
.okna-mm-poptags::-webkit-scrollbar-thumb{ background:#4a5468; border-radius:6px; }
.okna-mm-poptags::-webkit-scrollbar-track{ background:transparent; }
.okna-mm-poptag{ flex:0 0 auto; white-space:nowrap; background:rgba(255,255,255,.07); border:1px solid var(--line-d);
  color:#dbe2ee; font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; text-decoration:none; }
.okna-mm-poptag:hover{ background:var(--blue); border-color:var(--blue); color:#fff; }

/* --- Тело: [Типы стекла | дерево] --- */
.okna-mm-body{ display:grid; grid-template-columns:168px minmax(0,1fr); gap:0; }
.okna-mm-types{ border-right:1px solid var(--line-d); padding-right:14px; }
.okna-mm-types h4{ color:#fff; font-size:13px; font-weight:800; margin:0 0 10px; text-transform:uppercase; letter-spacing:.04em; }
.okna-mm-types a{ display:block; padding:7px 10px; border-radius:8px; color:#cfd6e2; font-size:14px; text-decoration:none; }
.okna-mm-types a:hover{ background:rgba(255,255,255,.09); color:#fff; }

/* --- Дерево: [Страны 150 | Марки 170 | Модели 1fr] --- */
/* minmax(0,1fr) у колонки моделей — чтобы 1fr НЕ раздувался от длинных кодов (классич. grid-gotcha),
   но это про КОЛОНКУ панели; внутри списка моделей — строго repeat(3,1fr). */
.okna-mm-cols{ display:grid; grid-template-columns:150px 170px minmax(0,1fr); gap:0; min-height:280px; padding-left:14px; }
.okna-mm-c1{ border-right:1px solid var(--line-d); padding-right:12px; display:flex; flex-direction:column; }
.okna-mm-country{ display:block; padding:11px 14px; border-radius:8px; color:#cfd6e2; font-weight:700; font-size:15px; cursor:pointer; text-decoration:none; }
.okna-mm-country:hover, .okna-mm-country.active{ background:rgba(255,255,255,.09); color:#fff; }
.okna-mm-allcat{ margin-top:auto; color:#7fa6ef; font-weight:700; font-size:14px; padding:11px 14px; text-decoration:none; }
.okna-mm-allcat:hover{ color:#fff; }

.okna-mm-c2{ border-right:1px solid var(--line-d); padding:0 12px; }
.okna-mm-bgroup{ display:none; }
.okna-mm-bgroup.active{ display:block; }
.okna-mm-brand{ display:block; padding:8px 12px; border-radius:8px; color:#cfd6e2; font-weight:600; font-size:14px; cursor:pointer; text-decoration:none; }
.okna-mm-brand:hover, .okna-mm-brand.active{ background:rgba(255,255,255,.09); color:#fff; }

/* Колонка моделей: скролл + тонкий ползунок */
.okna-mm-c3{ min-width:0; padding-left:16px; max-height:340px; overflow-y:auto; scrollbar-gutter:stable;
  scrollbar-width:thin; scrollbar-color:#4a5468 transparent; }
.okna-mm-c3::-webkit-scrollbar{ width:8px; }
.okna-mm-c3::-webkit-scrollbar-thumb{ background:#4a5468; border-radius:8px; }
.okna-mm-c3::-webkit-scrollbar-track{ background:transparent; }
.okna-mm-mgroup{ display:none; min-width:0; }
.okna-mm-mgroup.active{ display:block; }

/* === ГЛАВНОЕ: 3 РОВНЫЕ колонки во всю ширину блока, одинаково у всех марок === */
.okna-mm-models{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2px 12px; align-content:start; width:100%; min-width:0; }
.okna-mm-models a{ display:block; min-width:0; padding:6px 8px; border-radius:6px; color:#cfd6e2;
  font-size:13px; line-height:1.3; text-decoration:none; overflow-wrap:anywhere; }
.okna-mm-models a:hover{ background:rgba(255,255,255,.08); color:#fff; }
.okna-mm-allmodels{ display:inline-block; margin-top:12px; color:#7fa6ef; font-weight:700; font-size:13.5px; text-decoration:none; }
.okna-mm-allmodels:hover{ color:#fff; }
.okna-mm-empty{ color:#9aa4b6; font-size:13px; padding:6px 8px; margin:0; }

/* Адаптив: на более узкой панели — 2 колонки моделей (стабильно, не «прыгает») */
@media (max-width:1024px){
  .okna-mm-body{ grid-template-columns:150px minmax(0,1fr); }
  .okna-mm-models{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:768px){
  .okna-mm-models{ grid-template-columns:1fr; }
}

/* Выбранный пункт (страна/марка) — мягкая подсветка чуть заметнее hover (.12), НЕ сплошной белый, текст читаем */
.okna-mm-country.active,.okna-mm-brand.active{ background:rgba(255,255,255,.12); color:#fff; }

/* ============================================================
   ЗАЩИТА ОТ ТЕМЫ TT1: пункты панели (страны/марки/типы/модели — это <a>) тема перебивала на hover/active/focus
   своим СВЕТЛЫМ фоном + ТЁМНЫМ текстом → «белые плашки». Накрываем ВСЕ ссылки панели одним правилом с !important:
   светлый текст на тёмном/полупрозрачном во ВСЕХ состояниях. Акцентные синие ссылки — точечно ниже.
   ============================================================ */
.okna-mega-panel a,
.okna-mega-panel a:link,
.okna-mega-panel a:visited{ background:transparent !important; color:#cfd6e2 !important; text-decoration:none !important; }
.okna-mega-panel a:hover,
.okna-mega-panel a:focus,
.okna-mega-panel a:focus-visible{ background:rgba(255,255,255,.10) !important; color:#fff !important; text-decoration:none !important; }

/* Точечные акценты (после общего правила, выше специфичность/позже → побеждают) */
/* Выбранная страна/марка — чуть заметнее, та же тёмная гамма */
.okna-mega-panel a.okna-mm-country.active,
.okna-mega-panel a.okna-mm-brand.active{ background:rgba(255,255,255,.12) !important; color:#fff !important; }
/* Синие акцентные ссылки «Весь каталог →» / «Все модели →» — остаются синими (в покое), белеют текстом на hover */
.okna-mega-panel a.okna-mm-allcat,
.okna-mega-panel a.okna-mm-allmodels{ background:transparent !important; color:#7fa6ef !important; }
.okna-mega-panel a.okna-mm-allcat:hover,
.okna-mega-panel a.okna-mm-allmodels:hover,
.okna-mega-panel a.okna-mm-allcat:focus,
.okna-mega-panel a.okna-mm-allmodels:focus{ background:transparent !important; color:#fff !important; }
/* Теги «Популярное» — пилюля с рамкой: покой полупрозрачный фон, hover — синий */
.okna-mega-panel a.okna-mm-poptag{ background:rgba(255,255,255,.07) !important; color:#dbe2ee !important; border:1px solid var(--line-d) !important; }
.okna-mega-panel a.okna-mm-poptag:hover,
.okna-mega-panel a.okna-mm-poptag:focus{ background:var(--blue,#1c5bd6) !important; border-color:var(--blue,#1c5bd6) !important; color:#fff !important; }

/* НАЖАТИЕ (:active) пунктов трёх колонок (Типы стекла / Страны / Марки) — ОТДЕЛЬНОЕ состояние клика:
   потемнение до --ink (#123d87) + лёгкое вдавливание, текст белый. НИКОГДА не белеет (перекрывает :active темы TT1).
   transition сохранён, чтобы отклик был ВИДЕН. Размещено в конце → бьёт и .active (выбранный) на момент нажатия. */
.okna-mega-panel .okna-mm-types a,
.okna-mega-panel a.okna-mm-country,
.okna-mega-panel a.okna-mm-brand{ transition:background-color .15s ease, color .15s ease, transform .1s ease; }
.okna-mega-panel .okna-mm-types a:active,
.okna-mega-panel a.okna-mm-country:active,
.okna-mega-panel a.okna-mm-brand:active{
  background-color:var(--ink,#123d87) !important;
  color:#fff !important;
  transform:translateY(1px);
}

/* === НАЖАТИЕ: колонка «Модели» — как у Типы/Страны/Марки (плашка ink, без белого). hover/покой не трогаем. === */
.okna-mega-panel .okna-mm-models a{ transition:background-color .15s ease, color .15s ease, transform .1s ease; }
.okna-mega-panel .okna-mm-models a:active{
  background-color:var(--ink,#123d87) !important;
  color:#fff !important;
  transform:translateY(1px);
}

/* === НАЖАТИЕ: «Все модели →» / «Весь каталог →» — синяя ССЫЛКА (не кнопка): тёмно-синий текст + вдавливание, БЕЗ плашки === */
.okna-mega-panel a.okna-mm-allmodels,
.okna-mega-panel a.okna-mm-allcat{ transition:color .15s ease, transform .1s ease; }
.okna-mega-panel a.okna-mm-allmodels:active,
.okna-mega-panel a.okna-mm-allcat:active{
  background:transparent !important;
  color:#1448aa !important;
  transform:translateY(1px);
}