/* Меню каталога в шапке и подвале сайта. Круг 73, 2026-09-04.
   Разметку печатает inc/nav.php, подключается на всех страницах, где
   каталог виден зрителю. Второй ряд шапки (.h26-r2) задаёт тема: он
   position:relative, и выпадающая панель раскладывается на всю его ширину.
   Числа ряда и плашки сняты с макета 13880:1802 и 13880:1813; сама панель
   в макете не нарисована, её вид взят со снимка Александра (три колонки,
   число позиций справа, внизу красная строка «Весь раздел»). */

/* 2026-09-05: селекторы ul./li. чтобы перебить сброс темы style.css «ul[class]{padding-left:20px}»
   (0,1,1 сильнее .sse-nav 0,1,0): в каталоге ряд разделов уезжал на 20px правее логотипа, на главной
   его выравнивал сброс home26.css. Теперь ряд везде начинается с линии логотипа. */
ul.sse-nav{display:flex;align-items:center;gap:0 30px;list-style:none;margin:0;padding:0}
li.sse-nav-i{position:static;margin:0;padding:4px 0}
.sse-nav-a{display:block;position:relative;font:500 16px/32px Rubik,sans-serif;color:#272727;
  text-decoration:none;white-space:nowrap}
.sse-nav-a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;
  background:#EA071D;opacity:0;transition:opacity .15s}
.sse-nav-i:hover > .sse-nav-a,.sse-nav-i.is-open > .sse-nav-a,
.sse-nav-i:focus-within > .sse-nav-a{color:#272727}
.sse-nav-i:hover > .sse-nav-a::after,.sse-nav-i.is-open > .sse-nav-a::after,
.sse-nav-i:focus-within > .sse-nav-a::after{opacity:1}
.sse-nav-i.is-on > .sse-nav-a::after{opacity:1}

/* Панель: во всю ширину второго ряда, под ним. Открывается наведением,
   фокусом изнутри и классом is-open (нажатие на устройствах без наведения).
   Задержка 40 мс: Александр попросил открывать быстрее, 120 читалось
   как запаздывание; мигание при пролёте гасит мостик ::before. */
.sse-nav-dd{position:absolute;left:0;right:0;top:100%;z-index:1040;
  background:#FFFFFF;border-top:1px solid #ECECEC;border-radius:0 0 16px 16px;
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .08s ease,visibility 0s linear .08s}
.sse-nav-dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.sse-nav-i:hover > .sse-nav-dd,.sse-nav-i.is-open > .sse-nav-dd,
.sse-nav-i:focus-within > .sse-nav-dd{opacity:1;visibility:visible;pointer-events:auto;
  transition-delay:.04s,0s}
.sse-nav-in{padding:22px 24px 26px}
.sse-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:column;grid-template-rows:repeat(var(--sse-rows,4),auto);
  gap:0 56px;list-style:none;margin:0;padding:0}
.sse-nav-grid li{margin:0;padding:0}
.sse-nav-grid a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:9px 0;font:400 16px/22px Rubik,sans-serif;color:#272727;text-decoration:none}
.sse-nav-grid a span{min-width:0}
.sse-nav-grid a b{font-weight:400;color:#8A8A8A;font-variant-numeric:tabular-nums;flex:0 0 auto}
@media (hover: hover){.sse-nav-grid a:hover span{color:#EA071D}}
.sse-nav-all{display:inline-block;margin-top:18px;font:500 16px/22px Rubik,sans-serif;
  color:#EA071D;text-decoration:none}
@media (hover: hover){.sse-nav-all:hover{text-decoration:underline}}

/* Плашка склада: 40 px, радиус 100, рамка #ECECEC, текст Rubik Medium 14
   тоном #5F5F5F, точка и число зелёные #2AA23E. */
.sse-stock-pill{display:inline-flex;align-items:center;gap:12px;height:40px;padding:0 14px;
  border:1px solid #ECECEC;border-radius:100px;background:#FFFFFF;
  font:500 14px/27px Rubik,sans-serif;color:#272727;text-decoration:none;white-space:nowrap;
  flex:0 0 auto}
.sse-stock-pill svg{display:block;color:#EA071D}
.sse-stock-pill i{font-style:normal;color:#2AA23E;margin:0 -6px}
.sse-stock-pill b{font-weight:500;color:#2AA23E}
@media (hover: hover){.sse-stock-pill:hover{border-color:#D6D6D6;color:#272727}}

/* Мобильный офканвас: разделы раскрываются, категории с числами. */
.sse-mnav{margin:0 0 16px}
.sse-mnav-s{border-bottom:1px solid #ECECEC}
.sse-mnav-s summary{display:flex;align-items:center;justify-content:space-between;gap:12px;
  list-style:none;cursor:pointer;padding:12px 0;font:500 16px/22px Rubik,sans-serif;color:#272727}
.sse-mnav-s summary::-webkit-details-marker{display:none}
.sse-mnav-s summary b{font-weight:400;color:#8A8A8A;font-variant-numeric:tabular-nums}
.sse-mnav-s ul{list-style:none;margin:0;padding:0 0 10px}
.sse-mnav-s li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:7px 0 7px 12px;font:400 15px/20px Rubik,sans-serif;color:#272727;text-decoration:none}
.sse-mnav-s li a b{font-weight:400;color:#8A8A8A}
.sse-mnav-s li a.sse-mnav-all{color:#EA071D;font-weight:500}

/* ===== Правки 4 (2026-09-07), шапка. ===== */
/* 3. Плашка «Оборудование со склада»: текст #272727 в покое (был #5F5F5F). */
.sse-stock-pill{color:#272727}
/* 4. Поле поиска в шапке как поле списка каталога (.sk-search): рамка #ECECEC, радиус 10, 46 px,
   текст и курсор #111 (у Ajax Search Pro текст был #BFBFBF, того же тона, что подсказка: набранное и
   курсор не читались), подсказка #BFBFBF остаётся при фокусе, в фокусе рамка #5F5F5F. */
header div.asp_w[id^="ajaxsearchpro"] .probox{border:1px solid #ECECEC!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
header div.asp_w[id^="ajaxsearchpro"] .probox:focus-within{border-color:#5F5F5F!important}
header div.asp_w[id^="ajaxsearchpro"] .probox .proinput{margin:0!important}
header div.asp_w[id^="ajaxsearchpro"] .probox .proinput input.orig{padding:0!important;margin:0!important;font:400 16px/40px Rubik,-apple-system,"Segoe UI",Arial,sans-serif!important;color:#111!important;caret-color:#111!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important}
header div.asp_w[id^="ajaxsearchpro"] .probox .proinput input.orig::placeholder{color:#BFBFBF!important;opacity:1!important}
header div.asp_w[id^="ajaxsearchpro"] .probox .proinput input.orig:focus::placeholder{color:#BFBFBF!important;opacity:1!important}
header div.asp_w[id^="ajaxsearchpro"] .probox .proinput input.autocomplete{padding:0!important;margin:0!important;font:400 16px/40px Rubik,-apple-system,"Segoe UI",Arial,sans-serif!important;color:#BFBFBF!important}