/* ============================================================
   mpkm-header.css — TEST ONLY. Эталонная ШАПКА (десктоп .hd-new).
   Глобально, грузится после shell. Стилизует новую разметку header.php,
   которая оборачивает существующие DIAFAN-вставки (меню/поиск/корзина/
   сравнение/лого/логин) — данные из админки, тут только оформление.
   Мобильная шапка (.header_mobile) НЕ трогается.
   v=rd13 — B1 сравнение скрыто при пустом; B2 шрифт виджета крупнее (14.5/16).
   v=rd12 — лого макет-лок-ап (тёмный квадрат+М Golos+МПКМ+подзаголовок); иконки = значок+2 строки (Сравнить:N / Ваш заказ:сумма, живые).
   v=rd11 — PRAVKA1: РЕАЛЬНЫЕ PNG-иконки mpkm.org (ico_compare/cart.png) в светлом боксе.
   v=rd10 — P2: иконки назад на СВЕТЛЫЙ бокс + контурная line-иконка (--ink) по эталону.
   v=rd9 — U1 хедер: тёмные боксы иконок+светлые значки, Каталог 52px, логин→Golos.
   v=rd8 — a11y (ui-ux-pro-max аудит): focus-visible кольца, prefers-reduced-motion, touch-target логина ≥44px.
   v=rd7 — 3 правки: мегаменю у́же (880)+жирнее+адаптивные колонки; иконки перекрашены в --ink (CSS-маска); почта чёрная.
   v=rd6 — 5 правок: иконки откат к PNG, util уезжает при скролле (top:-47), кнопка Каталог крупнее,
          Контакты последним (данные меню), мегаменю плотное (рельс+заголовок+2-3 колонки+«Перейти в раздел»).
   v=rd5 — финальная доводка: лого по высоте/линии, тёмные SVG-иконки, правый кластер без «провала» (.tel width:auto).
   v=rd4 — тон верхней строки под эталон (белый фон, вес 500, hover-бренд) + Golos через mpkm-golos.css.
   v=rd3 — стабильность (sticky+тень, без layout-shift), ДВУХКОЛОНОЧНОЕ мегаменю,
          привязка util влево (фикс clearfix-псевдо), полировка иконок/пропорций.
   Поведение раскрытия мегаменю + тень при скролле — mpkm-megamenu.js.
   ============================================================ */
:root{--ink:#15161a;--ink2:#5b5e66;--mut:#9b9ea5;--line:#ecebe7;--wash:#f7f5f1;--brand:#fecc2f;--brand-d:#f0bd16;--brand-ink:#2e2e2e;--ok:#1f9d57;--bg:#fff;--maxw:1680px;--pad:48px}
/* ДОБИВКА-15 U3: мобильный --pad:20 (OD№3). 🔴 header.css:22 :root{--pad:48} грузился ПОЗЖЕ (порядок 14) @768-оверрайдов shell:129/cat-canon:209 (порядок 9/11) → --pad оставался 48 на catalog/category/PDP (контент 294/390). Ко-локация мобильного зеркала здесь (после базового def, победит) → контент дышит на ширину экрана. @768 → десктоп (>768) не тронут. */
@media(max-width:768px){:root{--pad:20px}}

/* ---------- BLOCK 1.1 / ПРАВКА2 — липкая ОСНОВНАЯ строка; верхняя .util уезжает вверх ----------
   top:-47px (= высота .util 46 + border 1) → при скролле util уходит выше вьюпорта, .bar пиннится
   у верха; высота sticky-бокса не меняется ⇒ контент НЕ дёргается; возврат наверх — util снова виден. */
.hd-new{position:sticky;top:-46px;/* util 46, border снят */z-index:60;background:var(--bg);box-shadow:0 1px 0 var(--line);transition:box-shadow .25s ease;font-family:'Golos Text',system-ui,Arial,sans-serif}
.hd-new.is-scrolled{box-shadow:0 1px 0 var(--line),0 12px 30px rgba(21,22,26,.11)}
.hd-new *{box-sizing:border-box}

/* 🔴 НЕЙТРАЛИЗАЦИЯ legacy «.fixed»: main.js при скролле вешает класс .fixed на .header
   (наша шапка тоже .header) — это СТАРЫЙ механизм сжатия фикс-шапки для вёрстки .header-mid:
   он прятал телефон и менял ширины лого/каталога/поиска → шапка «скакала» при скролле.
   Наша шапка липкая чисто через CSS (position:sticky), поэтому .fixed обязан быть no-op. */
.hd-new.fixed .tel{display:block!important}
.hd-new.fixed .search{width:auto!important}
.hd-new.fixed .search__input{width:auto!important}
.hd-new.fixed .logo{width:auto!important}
.hd-new.fixed .h-catalog{width:auto!important;display:inline-flex!important}
.hd-new.fixed .header-mid__center{height:auto!important}

/* контейнеры строк — единая ширина --maxw (BLOCK 3.1) */
.hd-new .util__center,.hd-new .bar__center{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 var(--pad)}
/* BLOCK 3.1 — убрать clearfix-псевдо: в flex-контейнере они становятся фантомными
   flex-айтемами и при space-between давали «дыру» слева + центрировали строку. */
.hd-new .util__center::before,.hd-new .util__center::after,
.hd-new .bar__center::before,.hd-new .bar__center::after{content:none;display:none}

/* ---------- верхняя утилитарная строка (привязана влево; Личный кабинет справа) ---------- */
.hd-new .util{background:#fff}/* STRIPES: линия util снята (решение владельца) — отделение воздухом */ /* ТЗ-тон: верхняя строка белая (не бежевая) */
.hd-new .util__center{display:flex;align-items:center;justify-content:space-between;height:46px;gap:24px}
.hd-new .util__nav{display:flex;align-items:center;gap:22px;flex-wrap:nowrap;min-width:0}
.hd-new .util__nav ul.util__menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;flex-wrap:nowrap}
.hd-new .util__nav li.util__item{list-style:none;position:relative}
.hd-new .util__nav li.util__item>a{font-size:13px;font-weight:500;color:var(--ink2);white-space:nowrap;transition:color .15s;line-height:46px;display:block} /* ТЗ-тон: вес легче (~500, не 700) */
.hd-new .util__nav li.util__item>a:hover{color:var(--brand-d)} /* ТЗ-тон: hover — бренд-акцент */
.hd-new .util .menu__popup{display:none!important} /* подменю И логин-дропдаун в тонкой строке скрыты по умолчанию */

/* ===== ДРОПДАУН «О компании» в шапке (util-nav), как mpkm.org =====
   Скоуп ТОЛЬКО на верхние пункты меню 1/2 (.util__menu>.util__item) — мегаменю «Каталог»
   (.h-catalog/.js-catalog-menu) НЕ затрагивается. Раскрытие hover/focus/.is-open. */
.hd-new .util__nav .util__menu>.util__item:has(>.menu__popup)>a{padding-right:15px;position:relative}
.hd-new .util__nav .util__menu>.util__item:has(>.menu__popup)>a::after{
  content:"";display:inline-block;width:6px;height:6px;margin-left:7px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .16s;vertical-align:middle}
.hd-new .util__nav .util__menu>.util__item.is-open>a::after,
.hd-new .util__nav .util__menu>.util__item:hover>a::after,
.hd-new .util__nav .util__menu>.util__item:focus-within>a::after{transform:translateY(1px) rotate(225deg)}
.hd-new .util__nav .util__menu>.util__item>.menu__popup{
  display:flex!important;flex-direction:column;gap:1px;
  position:absolute;top:100%;left:-10px;min-width:232px;margin:0;padding:8px;
  list-style:none;background:var(--bg);border:1.5px solid var(--line);border-radius:13px;
  box-shadow:0 16px 40px rgba(21,22,26,.16);z-index:80;
  opacity:0;visibility:hidden;transform:translateY(7px);pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s}
.hd-new .util__nav .util__menu>.util__item.is-open>.menu__popup,
.hd-new .util__nav .util__menu>.util__item:hover>.menu__popup,
.hd-new .util__nav .util__menu>.util__item:focus-within>.menu__popup{
  opacity:1;visibility:visible;transform:none;pointer-events:auto}
.hd-new .util__nav .util__menu>.util__item>.menu__popup>.util__item{position:static;width:100%}
.hd-new .util__nav .util__menu>.util__item>.menu__popup>.util__item>a{
  display:block;line-height:1.3;padding:9px 12px;border-radius:9px;
  font-size:13px;font-weight:500;color:var(--ink2);white-space:nowrap;
  transition:background .15s,color .15s}
.hd-new .util__nav .util__menu>.util__item>.menu__popup>.util__item>a:hover{background:var(--wash);color:var(--ink)}
.hd-new .util__nav .util__menu>.util__item>.menu__popup>.util__item>a:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}

/* Дедуп util-строки ПО HREF: убрать пункт-дубль каталога (его роль = жёлтая кнопка «Каталог» = меню 4).
   «Контакты последним» (ПРАВКА4) решено НА ДАННЫХ меню: дубль в меню-1 снят с публикации (act1=0),
   меню-2 уже содержит «Контакты» последним пунктом → CSS-дедуп для контактов больше не нужен. */
.hd-new .util__nav>.util__menu>.util__item:has(>a[href$="/shop/"]){display:none}

.hd-new .util__r{display:flex;align-items:center;gap:18px;flex:none;white-space:nowrap}
.hd-new .util__r .header-login{display:flex;align-items:center;gap:14px;margin:0;padding:0;list-style:none}
.hd-new .util__r .header-login>li{position:relative;list-style:none}
.hd-new .util__r .header-login .menu__item:hover>.menu__popup{display:block!important;position:absolute;right:0;top:calc(100% + 8px);min-width:250px;background:var(--bg);border:1.5px solid var(--line);border-radius:13px;box-shadow:0 16px 40px rgba(21,22,26,.16);padding:14px;z-index:90;text-align:left}
.hd-new .util__r .header-login .menu__popup .form-row{margin:0 0 10px}
.hd-new .util__r .header-login .menu__popup label{display:block;font-size:12px;color:var(--mut);margin-bottom:4px}
.hd-new .util__r .header-login .menu__popup .inputtext{width:100%;height:40px;border:1.5px solid var(--line);border-radius:9px;padding:0 12px;font-family:inherit}
.hd-new .util__r .header-login .menu__popup .header-login__enter{height:40px;padding:0 18px;border:0;border-radius:9px;background:var(--brand);color:var(--brand-ink);font-weight:700;cursor:pointer}
.hd-new .util__r a{font-size:13px;color:var(--ink);font-weight:500}
.hd-new .util__r a:hover{color:var(--brand-d)}
.hd-new .util__r img{display:inline-block;vertical-align:middle}

/* ---------- основная строка (BLOCK 3.3 — выверенные пропорции, фикс высота) ---------- */
.hd-new .bar{background:var(--bg)}
.hd-new .bar__center{display:flex;align-items:center;gap:22px;height:92px}
/* ЛОГО — макетный текст-лок-ап (тёмный квадрат + М Golos 800 + «МПКМ» + подзаголовок). Не картинка. */
.hd-new .logo{flex:none;display:flex;align-items:center;gap:12px;padding:0!important;text-decoration:none}
.hd-new .logo .mk{flex:none;width:46px;height:46px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:'Golos Text',system-ui,Arial,sans-serif;font-weight:800;font-size:22px;line-height:1}
.hd-new .logo .tx{font-family:'Golos Text',system-ui,Arial,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.4px;line-height:1;color:var(--ink)}
.hd-new .logo .tx small{display:block;font-weight:500;font-size:11px;color:var(--mut);margin-top:3px;letter-spacing:0}

/* кнопка Каталог (жёлтая пилюля) */
.hd-new .h-catalog{position:relative;flex:none;display:inline-flex!important;align-items:center}
/* U1: «Каталог» — высота = поле поиска (52px), у́же (стиль прежний: жёлтая, радиус 13). */
.hd-new .h-catalog__btn.catbtn{display:inline-flex;align-items:center;gap:11px;height:52px;padding:0 24px;border-radius:13px;background:var(--brand)!important;color:var(--brand-ink)!important;font-size:17px;font-weight:700;border:0;line-height:1;cursor:pointer;transition:background .18s}
.hd-new .h-catalog__btn.catbtn:hover,.hd-new .h-catalog.is-open .h-catalog__btn.catbtn{background:var(--brand-d)!important}
.hd-new .catbtn .bars{display:inline-flex;flex-direction:column;gap:4px}
.hd-new .catbtn .bars i{width:20px;height:2.5px;background:var(--brand-ink);border-radius:2px;display:block}

/* ============================================================
   BLOCK 2 / ПРАВКА5 — МЕГАМЕНЮ: ПЛОТНАЯ панель «рельс + многоколоночная область».
   Левый рельс = категории меню 4 (плотные строки). Правая область активной категории:
   ЗАГОЛОВОК (имя категории) + подкатегории в 2–3 КОЛОНКИ + ссылка «Перейти в раздел →».
   Заголовок/ссылку наполняет mpkm-megamenu.js (имя/URL активной категории) в служебные
   li.hd-mega__title / li.hd-mega__more-wrap. Меню 4 = 2 уровня (под-подкатегорий в данных нет).
   Высота панели = левый рельс (константа 13) → смена категории НЕ двигает панель; max-height:72vh.
   Раскрытие/intent/Esc — mpkm-megamenu.js. Перекрываем main.js set_popup_width()/legacy.
   ============================================================ */
.hd-new .h-catalog .menu__items,
.hd-new .h-catalog .menu__items.catalog_style{background:#fff!important;font-family:inherit;min-width:0;margin:0}

/* панель */
.hd-new .h-catalog>.menu__popup{
  position:absolute;top:calc(100% + 12px);left:0;z-index:80;display:none;
  width:880px;max-width:calc(100vw - 2*var(--pad));max-height:72vh;overflow-y:auto;overflow-x:hidden;
  padding:12px 0 12px 12px;background:#fff;border:1.5px solid var(--line);border-radius:14px;
  box-shadow:0 30px 64px rgba(21,22,26,.22);
}
.hd-new .h-catalog.is-open>.menu__popup{display:block;animation:hdMegaIn .14s ease}
@keyframes hdMegaIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* вертикальный разделитель рельс ↔ правая область */
.hd-new .h-catalog>.menu__popup::after{content:'';position:absolute;left:280px;top:14px;bottom:14px;width:1px;background:var(--line);pointer-events:none}

/* левый рельс — плотные строки категорий */
.hd-new .h-catalog>.menu__popup>.menu__item{display:block!important;width:272px;position:static;margin:0;padding:0!important;border:0!important;list-style:none}
.hd-new .h-catalog>.menu__popup>.menu__item>a{
  display:block;position:relative;padding:8px 32px 8px 16px;margin-right:10px;border-radius:9px;
  font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);white-space:nowrap;
  transition:background .15s,color .15s;
}
.hd-new .h-catalog>.menu__popup>.menu__item>a:hover,
.hd-new .h-catalog>.menu__popup>.menu__item.is-active>a{background:var(--wash)}
.hd-new .h-catalog>.menu__popup>.menu__item.is-active>a{font-weight:700} /* ПРАВКА1: активная категория жирнее */
.hd-new .h-catalog>.menu__popup>.menu__item.is-active>a::before{content:'';position:absolute;left:2px;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--brand)}
.hd-new .h-catalog>.menu__popup>.menu__item>.sub-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0;padding:0;width:auto;line-height:1;color:var(--mut);font-size:12px;pointer-events:none}
.hd-new .h-catalog>.menu__popup>.menu__item.is-active>.sub-arrow{color:var(--ink)}

/* служебные элементы правой области (наполняет JS): заголовок + «Перейти в раздел» */
.hd-new .h-catalog>.menu__popup>.hd-mega__title{
  display:none;position:absolute;left:300px;right:16px;top:14px;height:34px;list-style:none;
  font-size:19px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding-bottom:10px;border-bottom:1px solid var(--line)}
.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap{display:none;position:absolute;left:300px;bottom:12px;list-style:none;margin:0;padding:0}
.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap .hd-mega__more{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--brand-ink);text-decoration:none;padding:6px 0}
.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap .hd-mega__more span{transition:transform .15s}
.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap .hd-mega__more:hover{color:var(--brand-d)}
.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap .hd-mega__more:hover span{transform:translateX(4px)}
.hd-new .h-catalog.is-open>.menu__popup>.hd-mega__title{display:block}
.hd-new .h-catalog.is-open>.menu__popup>.hd-mega__more-wrap{display:block}

/* правая область — подкатегории активной категории в 2–3 колонки */
.hd-new .h-catalog>.menu__popup>.menu__item>.menu__popup{
  position:absolute!important;left:300px;top:62px;right:16px;bottom:50px;
  width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
  background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  display:none!important;overflow-y:auto;overflow-x:hidden; /* !important: перекрыть inline display:block от legacy-catalog JS */
}
.hd-new .h-catalog>.menu__popup>.menu__item.is-active>.menu__popup{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px 18px;align-content:start; /* ПРАВКА1: auto-fit → адаптивно 2–3 колонки по количеству, без растяжения пустотой */
}
.hd-new .h-catalog>.menu__popup .menu__popup .menu__item{display:block!important;width:auto;margin:0;padding:0!important;border:0!important;position:static}
.hd-new .h-catalog>.menu__popup .menu__popup .menu__item>a{display:block;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s} /* ПРАВКА1: подкатегории жирнее (600) и тёмные (--ink) */
.hd-new .h-catalog>.menu__popup .menu__popup .menu__item>a:hover{background:var(--wash);color:var(--ink)}
/* меню 4 = 2 уровня; глубже не раскрываем */
.hd-new .h-catalog>.menu__popup .menu__popup .menu__popup{display:none!important}
.hd-new .h-catalog>.menu__popup .menu__popup .sub-arrow{display:none!important}

/* поиск (вставка show_search → .search/.search__form/.search__input/.search__button) */
.hd-new .bar .search{display:block!important;flex:1 1 auto;min-width:240px;position:relative}
.hd-new .bar .search .search__form{display:flex;height:52px;border:1.5px solid var(--line);border-radius:13px;background:var(--bg);overflow:hidden;transition:border-color .18s,box-shadow .18s}
/* P2 — поле НЕЙТРАЛЬНОЕ даже в фокусе (жёлтой остаётся только кнопка-лупа). */
.hd-new .bar .search .search__form:focus-within{border-color:#cfcdc7;box-shadow:0 0 0 3px rgba(21,22,26,.05)}
.hd-new .bar .search .search__input{flex:1;min-width:0;border:0!important;background:transparent;padding:0 20px;font-family:inherit;font-size:16px;color:var(--ink);outline:none;height:100%}
.hd-new .bar .search .search__button{flex:none;width:58px;height:100%;border:0;background:var(--brand)!important;color:var(--brand-ink)!important;display:grid;place-items:center;cursor:pointer;border-radius:0;transition:background .18s}
.hd-new .bar .search .search__button:hover{background:var(--brand-d)!important}
.hd-new .bar .search .search__button i{font-size:18px}
.hd-new .bar .search .search_result{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70}

/* телефон + почта */
.hd-new .tel{flex:none;width:auto!important;text-align:right;line-height:1.2;white-space:nowrap} /* ПРАВКА3: убрать legacy .tel{width:228px} — давал «провал» слева от телефона; поиск поглощает место, кластер компактный */
.hd-new .tel b{font-size:18px;font-weight:700;letter-spacing:-.2px;display:block}
.hd-new .tel b a{color:var(--ink)}
.hd-new .tel .mail{font-size:13px;color:var(--ink);font-weight:600;margin-top:2px;display:inline-block} /* ПРАВКА3: почта чёрная (--ink), как телефон */
.hd-new .tel .mail:hover{color:var(--ink2)}

/* ---------- PRAVKA2 — сравнение + корзина: значок mpkm.org + 2 строки (подпись/значение),
   как блок телефона (НЕ icon-бокс). Живые данные модулей (Сравнить:N / Ваш заказ:сумма). ---------- */
.hd-new .tools{flex:none;display:flex;align-items:center;gap:24px}
.hd-new .tools .h-cart{display:flex!important;align-items:center;margin:0;width:auto} /* корзина видна всегда */
/* B1: сравнение БЕЗ !important → при пустом срабатывает legacy .h-compare:has([data-compare-count="0"]){display:none} (как mpkm.org); при count>0 — показывается */
.hd-new .tools .h-compare{display:flex;align-items:center;margin:0;width:auto}
.hd-new .tools .h-compare__span,
.hd-new .tools .h-cart .h-cart__link{
  display:inline-flex!important;align-items:center;gap:10px;padding:0;margin:0;border:0;background:transparent;
  opacity:1!important;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none;width:auto;height:auto;transition:opacity .15s}
.hd-new .tools .js_show_cart>a{opacity:1!important}
.hd-new .tools .ico{width:26px;height:26px;flex:none;margin:0!important;display:block;object-fit:contain;vertical-align:middle}
.hd-new .tools .h-cart__lines,.hd-new .tools .h-compare__lines{display:flex;flex-direction:column;line-height:1.15;text-align:left}
/* B2: крупнее (подпись ~14.5px, значение ~16px/700) */
.hd-new .tools .h-cart__text,.hd-new .tools .h-compare__text{display:block!important;font-size:15px;font-weight:500;color:var(--mut);margin:0;line-height:1.25}
.hd-new .tools .h-cart__num,.hd-new .tools .h-compare__num{display:block;position:static;font-size:16px;font-weight:700;color:var(--ink);margin:0;line-height:1.2;background:none;min-width:0;height:auto;padding:0;border-radius:0;box-shadow:none}
.hd-new .tools .h-compare__span:hover .h-compare__num,
.hd-new .tools .h-cart .h-cart__link:hover .h-cart__num{color:var(--brand-d)}

/* ---------- BLOCK 1.2 — предсказуемая адаптация без миганий (header_full виден ≥1221px) ----------
   Во ВСЁМ десктоп-диапазоне (1221–1920) телефон+почта видны стабильно, ничего не «прыгает»:
   высоты фиксированы, правый кластер всегда прижат вправо, поиск (flex) поглощает разницу ширины.
   При сужении лишь мягко уменьшаем паддинги/гэпы и ширину панели каталога (места хватает с запасом).
   Ниже 1221px по core-правилу включается .header_mobile (там свой icon-телефон). */
@media(max-width:1340px){.hd-new{--pad:32px}.hd-new .bar__center{gap:18px}.hd-new .h-catalog__btn.catbtn{padding:0 22px}.hd-new .h-catalog>.menu__popup{width:min(840px,calc(100vw - 2*var(--pad)))}}

/* ============================================================
   A11Y (ui-ux-pro-max audit, HIGH severity) — rd8
   ============================================================ */
/* FIX1 — видимый фокус для клавиатуры (:focus-visible, мышь не триггерит). */
.hd-new a:focus-visible,
.hd-new button:focus-visible,
.hd-new input:focus-visible,
.hd-new [type="submit"]:focus-visible,
.hd-new .h-compare__span:focus-visible,
.hd-new .menu__item__login:focus-visible{
  outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}
/* поиск: видимый фокус через рамку формы (focus-within уже есть) — фокус-кольцо на самом input не нужен */
.hd-new .bar .search .search__input:focus-visible{outline:none}

/* FIX3 — «Личный кабинет»: зона нажатия ≥44px (в пределах util-строки 46px), вид не меняется. */
.hd-new .util__r .header-login .menu__item__login{display:inline-flex;align-items:center;min-height:44px}
/* U1: шрифт логина = Golos (модуль логина шёл мимо шрифта). Иконка .fa сохраняет свой шрифт. */
.hd-new .util__r .header-login .menu__item__login,
.hd-new .util__r .header-login .menu__popup{font-family:'Golos Text',system-ui,Arial,sans-serif}

/* FIX2 — уважать prefers-reduced-motion: гасим анимацию мегаменю и transitions в шапке
   (display:block у панели сохраняется — исчезает только движение). */
@media (prefers-reduced-motion: reduce){
  .hd-new, .hd-new *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* AUDIT: focus-visible на icon-кнопки корзины/сравнения */
.hd-new .h-cart a:focus-visible,.hd-new .h-compare a:focus-visible,.hd-new .h-compare button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* ===== MOB-КАРТА 2026-07-02: мобильная шапка + drawer = бренд-канон (разметка легаси, редактируемость цела) ===== */
@media(max-width:1220px){
.header_mobile{background:#fff!important;box-shadow:0 1px 0 var(--line);font-family:'Golos Text',system-ui,Arial,sans-serif}
.header_mobile-top__center{background:#fff!important}
.header_mobile-top{height:60px!important;align-items:center}
.header_mobile-menu-ico{color:var(--ink)!important;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:22px}
.header_mobile-menu-ico .fa{color:var(--ink)!important;line-height:1}
.header_mobile-icons a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.header_mobile-tel{background:#fff!important;border:0!important;font-family:'Golos Text',system-ui,Arial,sans-serif;box-shadow:0 1px 0 var(--line)}
.header_mobile-tel a{color:var(--ink)!important;font-weight:700}
/* drawer-панель */
.mobile-side-container.left{background:#fff!important;width:min(82vw,360px)!important;box-shadow:-10px 0 40px rgba(21,22,26,.2);z-index:90}
.mobile-side-container.left .mobile-side{padding:16px 22px 28px;overflow-y:auto;max-height:100vh}
.popups__overlay{background:rgba(21,22,26,.45)!important;z-index:80}
.mpkm-mob-close{display:flex;width:46px;height:46px;margin-left:auto;border:1.5px solid var(--line);border-radius:12px;align-items:center;justify-content:center;color:var(--ink);font-size:24px;text-decoration:none;line-height:1}
.mpkm-mob-group{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--mut2,#6e7178);margin:20px 0 6px;font-weight:600}
/* каталог-UL в слоте + разделы: ссылки 48px/17/600 */
.mpkm-catalog-mobile-slot > .menu__items,.mpkm-mob-nav__list{display:block!important;position:static!important;width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.mpkm-catalog-mobile-slot .menu__item,.mpkm-mob-nav__item{display:block!important;float:none!important;margin:0!important;width:100%!important}
.mpkm-catalog-mobile-slot .menu__item>a,.mpkm-mob-nav__item>a{display:flex!important;align-items:center;min-height:48px;font-size:17px!important;font-weight:600!important;color:var(--ink)!important;border-bottom:1px solid var(--line);padding:4px 0!important;width:auto!important;background:transparent!important;text-decoration:none}
#mpkm-catalog-mobile-slot .menu__item>.menu__items,.mpkm-mob-nav__sub{position:static!important;display:none;width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 0 14px!important;transform:none!important;opacity:1!important;visibility:visible!important}
#mpkm-catalog-mobile-slot .menu__items .menu__items a,.mpkm-mob-nav__sub a{display:flex;align-items:center;min-height:44px;font-size:15.5px!important;font-weight:500!important;color:var(--ink2)!important;border-bottom:1px solid var(--line);text-decoration:none}
.mpkm-mob-contacts{margin-top:22px;display:block}
.mpkm-mob-tel{display:block;font-size:22px;font-weight:800;color:var(--ink)!important;text-decoration:none}
.mpkm-mob-mail{display:block;margin-top:6px;font-size:15px;font-weight:600;color:var(--brand-d)!important;text-decoration:none}
}
/* MOB-полиш: раскладка top-ряда, тёмные иконки, слои, плотность li */
@media(max-width:1220px){
.header_mobile-top{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}
.header_mobile-logo{flex:1 1 auto;display:flex;justify-content:center}
.header_mobile-icons{display:flex!important;align-items:center;gap:2px;flex:0 0 auto}
.header_mobile-icons img,.header_mobile-menu-ico img{filter:brightness(0);opacity:.85}
.header_mobile .menu__popup-container_search .menu__popup{z-index:140}
.mobile-side-container.left{z-index:130!important}
.popups__overlay{z-index:120!important}
#mpkm-catalog-mobile-slot .menu__item,.mpkm-mob-nav__item{padding:0!important}
#mpkm-catalog-mobile-slot .menu__item>a{border-bottom:1px solid var(--line)!important;margin:0!important}
#mpkm-catalog-mobile-slot .sub-arrow,#mpkm-catalog-mobile-slot .mpkm-mobcat-caret{color:var(--ink2)}
.header_mobile-tel{display:flex!important;align-items:center;justify-content:space-between;padding:8px 16px!important;gap:10px}
.header_mobile-tel a{font-size:15px!important}
}

/* NIGHT2 U4: мобильный лого = канон (жёлтый квадрат М + МПКМ), был m_logo.png завиток */
.mpkm-mob-logo{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none!important}
.mpkm-mob-logo .mk{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--brand,var(--brand));color:#2e2e2e;font-family:"Golos Text",Arial,sans-serif;font-weight:800;font-size:19px}
.mpkm-mob-logo .tx{font-family:"Golos Text",Arial,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.5px;color:#15161a}
.mpkm-mob-logo img{display:none}

/* ДОБИВКА-19 U7: заполнение пустой правой панели мега-меню — help/promo карточка + канон-CTA. */








.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap .hd-mega__more{border:1.5px solid var(--line,#ecebe7)!important;border-radius:10px!important;padding:9px 18px!important;background:#fff}
.hd-new .h-catalog>.menu__popup>.hd-mega__more-wrap .hd-mega__more:hover{border-color:var(--ink,#15161a)!important;background:var(--wash,#f7f5f1)!important;color:var(--ink,#15161a)!important}

/* ===== D24 U2: телефон+почта нижней мобильной строки — один уровень/один кегль, тапы ≥44, 0 паразитных линий (box-shadow под телефоном снят; полноширинный border-bottom контейнера = канон-край шапки, оставлен) ===== */
@media(max-width:1220px){
.header_mobile-tel{box-shadow:none!important;padding:0!important}
.header_mobile-bottom__center{align-items:center;padding:0 20px!important;min-height:56px}
.header_mobile-tel a,.header_mobile-email a{display:inline-flex!important;align-items:center!important;min-height:44px!important;font-size:16px!important;line-height:1.2!important}
.header_mobile-tel a{font-weight:700}
.header_mobile-email a{font-weight:600}
.header_mobile-email{display:flex!important;align-items:center!important;justify-content:flex-end!important}
}

/* ===== D24 U6: drawer — каталог свёрнут за пунктом «Каталог» (toggle-кнопка в стиле nav-item, caret вращается; слот скрыт по умолчанию) ===== */
@media(max-width:1220px){
.mpkm-drawer-cat-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:4px 0;margin:20px 0 0;cursor:pointer;font-size:17px;font-weight:600;color:var(--ink);font-family:'Golos Text',system-ui,Arial,sans-serif;text-align:left}
.mpkm-drawer-cat-toggle .fa{transition:transform .18s;color:var(--ink2)}
.mpkm-drawer-cat-toggle[aria-expanded="true"] .fa{transform:rotate(180deg)}
#mpkm-catalog-mobile-slot{display:none}
#mpkm-catalog-mobile-slot.is-open{display:block}
}

/* ===== D25 U5: лого мобильной шапки — влево к сетке (было по центру, x≈103); прижато к бургеру с зазором 8 ===== */
@media(max-width:1220px){
.header_mobile-logo{justify-content:flex-start!important;padding-left:0!important}
}

/* ===== D25 U7: кнопка входа в мобильной auth-панели — канон-радиус 13 (было 3) ===== */
@media(max-width:1220px){
.header-login__enter{border-radius:13px!important}
}