/* ============================================================================
   Шапка и подвал по макету Figma, круг 73 (2026-09-04).
   Макеты: «Шапка / С подменю» 13880:1702, «Шапка / Компактная» 13880:1820,
   подвал 13880:6927. Файл подключается из header.php после site26.css и
   описывает НОВУЮ разметку (parts/h26-row1.php, footer.php): классы h26-* и
   sf26-*. Старые правила site26.css для .sse-f26 и #main nav > .w-100 больше
   не находят своей разметки и не действуют; они оставлены до ближайшей
   чистки, чтобы не трогать чужие блоки того же файла (карточки, мобильные).
   Числа сняты с макета через get_design_context, не на глаз.
   ============================================================================ */

/* ------------------------------- ШАПКА ------------------------------------ */
/* Ряд 1: 68 px (8 сверху и снизу, содержимое 52). Логотип 213×52, кнопка
   174×42 через 36 px, поиск через 20 px и до контактов, телефон и почта
   Rubik Medium 16 тоном #5F5F5F, иконки 32 с шагом 16. */
header#main.h26{z-index:1030}
.h26 .h26-r1{display:flex;align-items:center;gap:32px;width:100%;min-height:68px;padding:8px 0}
.h26 .h26-logo{flex:0 0 auto;display:block;line-height:0}
.h26 .h26-logo img{width:213px;height:52px;display:block}
.h26 .h26-mid{display:flex;align-items:center;gap:20px;flex:1 1 auto;min-width:0;margin-left:4px}
header.h26#main .btn-catalog,header.h26#fixed .btn-catalog{flex:0 0 auto;width:174px;min-width:174px;height:42px;min-height:42px;
  padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  font:500 15px/15px Rubik,sans-serif;letter-spacing:-.25px;white-space:nowrap;text-decoration:none;
  background:#EA071D;border:1px solid #EA071D;color:#FFFFFF}
header.h26#main .btn-catalog:hover,header.h26#fixed .btn-catalog:hover{background:#C9061A;border-color:#C9061A;color:#FFFFFF}
/* Тема держит поле поиска фиксированными 470 px через id-селектор
   (flex:0 0 470px, max-width 470), отсюда наезд на телефон при 1368. */
header.h26#main .search-main_header,header.h26#fixed .search-main_header{
  flex:1 1 auto !important;min-width:0;width:auto !important;max-width:none !important;overflow:hidden}
/* Ajax Search Pro задаёт своей обёртке фиксированную ширину инлайном, и
   поле вылезало под телефон: ширина у обёрток снимается, поле живёт
   в ширине родителя. */
.h26 .search-main_header .asp_w,
.h26 .search-main_header .asp_w_container{min-width:0 !important;display:block}
.h26 .search-main_header .asp_w,
.h26 .search-main_header .asp_w_container,
.h26 .search-main_header .probox{width:100% !important;max-width:none !important;
  height:42px !important;min-height:42px !important}
.h26 .search-main_header .probox{background:#FFFFFF !important;border:1px solid #ECECEC !important;
  border-radius:10px !important;box-shadow:none !important;box-sizing:border-box;align-items:center !important}
.h26 .search-main_header .proinput{flex:1 1 auto;min-width:0;height:40px !important}
.h26 .search-main_header .proinput input.orig{height:40px !important;width:100% !important;
  padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;
  font:400 16px/40px Rubik,sans-serif;color:#272727}
.h26 .search-main_header .proinput input.orig::placeholder{color:#BFBFBF}
.h26 .h26-cts{display:flex;align-items:center;gap:32px;flex:0 0 auto}
.h26 .h26-tel,.h26 .h26-mail{font:500 16px/27px Rubik,sans-serif;letter-spacing:-.65px;color:#5F5F5F;
  text-decoration:none;white-space:nowrap}
.h26 .h26-tel:hover,.h26 .h26-mail:hover{color:#EA071D}
.h26 .h26-ics{display:flex;align-items:center;gap:16px}
.h26 .h26-ics a{display:block;line-height:0}
.h26 .h26-ics img{width:auto;height:32px;display:block}

/* Разделитель между рядами в макете отсутствует. */
.h26 .main_header hr{display:none !important}

/* Ряд 2: 40 px, разделы слева, плашка склада справа, снизу 10 px воздуха. */
.h26 .h26-r2{position:relative;min-height:40px;padding:0 0 10px;gap:24px}
.h26 .h26-sections{flex:1 1 auto;min-width:0;position:static}
/* Запасной вариант, меню сайта из темы: пока каталог зрителю не открыт. */
.h26 #header_menu .nav > li > a{font:500 16px/32px Rubik,sans-serif;color:#272727;padding:4px 0}
.h26 #header_menu .nav{gap:0 30px}

/* Компактная шапка при прокрутке: тот же первый ряд, тень даёт тема
   классом box-shadow; высота 68. */
header#fixed.h26 .container{max-width:1320px}
header#fixed.h26 .h26-fixed{min-height:68px}
header#fixed.h26 .h26-r1{padding:8px 0}

/* ------------------------------- ПОДВАЛ ----------------------------------- */
/* Карточка #111, радиус 30, поля 40/50, вокруг по 22 (макет 13880:6928
   стоит в кадре 1440 с полями 22, внутри 1296). */
.sf26{background:#FFFFFF;padding:22px 0}
.sf26 > .container{max-width:1440px;padding-left:22px;padding-right:22px}
.sf26 .sf26-card{background:#111111;border-radius:30px;padding:40px 50px;color:#B9B9BE}
.sf26 .sf26-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.sf26 .sf26-about{flex:0 1 403px;max-width:403px;display:flex;flex-direction:column}
.sf26 .sf26-logo{display:block;line-height:0;margin:0 0 31px}
.sf26 .sf26-logo img{width:202px;height:auto;display:block}
.sf26 .sf26-note{font:400 14px/1.5 Rubik,sans-serif;color:#B9B9BE;margin:0}
.sf26 .sf26-note + .sf26-note{margin-top:8px}
.sf26 .sf26-contacts{display:flex;flex-direction:column;gap:6px;margin:34px 0}
.sf26 .sf26-tel{font:500 20px/21px Rubik,sans-serif;letter-spacing:-.35px;color:#FFFFFF;text-decoration:none}
.sf26 .sf26-mail{font:500 16px/1.2 Rubik,sans-serif;color:#B9B9BE;text-decoration:none}
.sf26 .sf26-tel:hover,.sf26 .sf26-mail:hover{color:#EA071D}
.sf26 .sf26-addr{font:400 14px/1.5 Rubik,sans-serif;color:#B9B9BE;margin:0}
/* Три колонки ссылок: заголовок 18/22,5 белым, ссылки 15/22,5 #B9B9BE
   с шагом 14 (в макете зазор 10 плюс 4 нижнего поля). */
.sf26 .sf26-cols{display:flex;align-items:flex-start;gap:40px;flex:1 1 auto;min-width:0;justify-content:flex-end}
.sf26 .sf26-col{display:flex;flex-direction:column;gap:18px;flex:0 1 auto;min-width:0;max-width:300px}
.sf26 .sf26-col .h6,.sf26 .sf26-col .h6 a{font:500 18px/22.5px Rubik,sans-serif;color:#FFFFFF;margin:0;text-decoration:none}
.sf26 .sf26-col .h6 a:hover{color:#EA071D}
.sf26 .sf26-col .d-flex{gap:14px}
.sf26 .sf26-col a.text-dark{font:400 15px/22.5px Rubik,sans-serif;color:#B9B9BE !important;
  text-decoration:none}
.sf26 .sf26-col a.text-dark:hover{color:#FFFFFF !important}
.sf26 .sf26-col a.sf26-all{color:#FFFFFF !important}
/* Нижний ряд: реквизиты белым 16/24, ссылки #A9A9A9 15 с шагом 32. */
.sf26 .sf26-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;
  padding-top:40px}
.sf26 .sf26-legal{font:400 16px/24px Rubik,sans-serif;color:#FFFFFF;margin:0}
.sf26 .sf26-links{display:flex;align-items:center;gap:32px}
.sf26 .sf26-links a{font:400 15px/18.75px Rubik,sans-serif;color:#A9A9A9;text-decoration:none}
.sf26 .sf26-links a:hover{color:#FFFFFF}
/* Строка авторских прав и плашка подрядчика: как на главной сейчас. */
.sf26 .sf26-copy{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-top:18px;font:400 14px/20px Rubik,sans-serif;color:#A9A9A9}
.sf26 .sf26-copy p{color:#A9A9A9;margin:0}
.sf26 .sf26-copy .fw500{color:#FFFFFF}
.sf26 .sf26-bk{position:relative;top:-4px}

@media (max-width:1199.98px){
  .sf26 .sf26-top{flex-direction:column;gap:32px}
  .sf26 .sf26-about{flex:0 0 auto;max-width:none}
  .sf26 .sf26-cols{justify-content:flex-start;flex-wrap:wrap;gap:32px 48px;width:100%}
  .sf26 .sf26-col a.text-dark{white-space:normal}
}
@media (max-width:767.98px){
  .sf26{padding:16px 0}
  .sf26 > .container{padding-left:12px;padding-right:12px}
  .sf26 .sf26-card{border-radius:20px;padding:28px 20px}
  .sf26 .sf26-cols{flex-direction:column;gap:28px}
  .sf26 .sf26-contacts{margin:24px 0}
  .sf26 .sf26-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding-top:28px}
  .sf26 .sf26-links{flex-wrap:wrap;gap:10px 24px}
  .sf26 .sf26-copy{flex-direction:column;align-items:flex-start;gap:14px}
  .sf26 .sf26-bk{top:0;align-self:flex-start}
}


/* ===== Компактная шапка на прокрутке, круг 73б (2026-09-04) =====
   header#fixed лежит поверх страницы и не занимает места в потоке: основная
   шапка header#main больше не скрывается, поэтому страница не дёргается.
   Появление по классу body.h26-compact (footer.php), сдвигом сверху. */
/* Появление: выезд сверху за 0,28 с. Уход: быстрое растворение за 0,12 с без
   сдвига, иначе при резкой прокрутке вверх компактная шапка ещё едет, а
   основная уже на экране, и на миг видны обе. */
header#fixed.sticky-top{position:fixed;top:0;left:0;right:0;z-index:1100;background:#fff;
  transform:translateY(-100%);opacity:0;visibility:hidden;box-shadow:none;
  transition:opacity .12s ease,visibility 0s linear .12s,transform 0s linear .12s,box-shadow 0s linear .12s}
body.h26-compact header#fixed.sticky-top{transform:none;opacity:1;visibility:visible;
  box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .28s ease,opacity .1s ease,box-shadow .28s ease,visibility 0s}
body.admin-bar.h26-compact header#fixed.sticky-top{top:32px}
@media (max-width:1199.98px){header#fixed.sticky-top{display:none}}
@media (prefers-reduced-motion:reduce){header#fixed.sticky-top{transition:none}}

/* П5 (Figma «Правки 1», 2026-09-05): фокус поля поиска в шапке, рамка #989898. */
.h26 .search-main_header .probox{transition:border-color .15s}
.h26 .search-main_header .probox:focus-within{border-color:#989898 !important}
.h26 .search-main_header .proinput input.orig:focus{outline:none !important;box-shadow:none !important}

/* П13 (Figma «Правки 1», 2026-09-05): подвал по макету footer 1396: четыре блока (о компании 403 + три колонки навигации
   hug-ширины 132/253/263) расставлены с равными зазорами по всей ширине 1296 (в макете 81,67 px), пункты без переноса. */
@media (min-width:1200px){
  .sf26 .sf26-top{gap:0;justify-content:space-between}
  .sf26 .sf26-cols{display:contents}
  .sf26 .sf26-col{flex:0 0 auto;max-width:none}
  .sf26 .sf26-col a.text-dark{white-space:nowrap}
}