/* Шапка alt-x.ru по макету home-refresh. Только оформление: разметка и JS Aspro не меняются.
   Включается классом body.altx-hdr (local/php_interface/altx_header.php). */
@font-face{font-family:AltxManrope;src:url('/local/assets/catalog/fonts/manrope-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:AltxManrope;src:url('/local/assets/catalog/fonts/manrope-semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:AltxManrope;src:url('/local/assets/catalog/fonts/manrope-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:AltxManrope;src:url('/local/assets/catalog/fonts/manrope-extrabold.woff') format('woff');font-weight:800;font-display:swap}

body.altx-hdr{
  --hdr-ink:#253945;--hdr-muted:#647786;--hdr-blue:#396b9b;--hdr-blue-hover:#295781;
  --hdr-line:#e0e6ea;--hdr-wash:#f2f5f7;--hdr-sale:#a45b43;
  --altx-i-search:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22m16 16 4 4%22/%3E%3C/svg%3E");
  --altx-i-arrow:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h15m-5-5 5 5-5 5%22/%3E%3C/svg%3E");
  --altx-i-chevron:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m7 10 5 5 5-5%22/%3E%3C/svg%3E");
  --altx-i-pin:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 10c0 5-7 11-7 11S5 15 5 10a7 7 0 1 1 14 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222%22/%3E%3C/svg%3E");
  --altx-i-menu:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6h16M4 12h16M4 18h11%22/%3E%3C/svg%3E");
  --altx-i-heart:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20.3 5.3a5 5 0 0 0-7.1 0L12 6.5l-1.2-1.2a5 5 0 0 0-7.1 7.1L12 21l8.3-8.6a5 5 0 0 0 0-7.1Z%22/%3E%3C/svg%3E");
  --altx-i-bag:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 7h14l1.4 14H3.6L5 7Z%22/%3E%3Cpath d=%22M8 8V6a4 4 0 0 1 8 0v2%22/%3E%3C/svg%3E");
  --altx-i-user:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M4 21v-2a8 8 0 0 1 16 0v2%22/%3E%3C/svg%3E");
  --altx-i-phone:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l2 5-2.6 1.6a11.5 11.5 0 0 0 6 6l1.6-2.6 5 2v3.5a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2Z%22/%3E%3C/svg%3E");
}

/* Иконка-маска: цвет задаётся background-color. */
body.altx-hdr .altx-hdr-city:before,
body.altx-hdr #header .search-button-div .btn-search:before,
body.altx-hdr #header .phone-block .phone:before,
body.altx-hdr #header .right-icons .basket-link:before,
body.altx-hdr #header .right-icons .personal-link:before,
body.altx-hdr #header .menu-item.catalog > .wrap > a:before,
body.altx-hdr .altx-hdr-pro:after,
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link:before,
body.altx-hdr #mobileheader .mobileheader-v1 .wrap_phones:before,
body.altx-hdr .altx-hdr-msearch:before{
  content:"";position:static;display:block;flex:none;width:22px;height:22px;margin:0;border:0;background-color:currentColor;
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
}

/* ---------- Компьютер: верхняя строка ---------- */
body.altx-hdr #header .header-v4,
body.altx-hdr #header .logo_and_menu-row,
body.altx-hdr #header .logo-row{background:#fff}
body.altx-hdr #header,
body.altx-hdr #header .header-v4 *{font-family:AltxManrope,Arial,sans-serif}
body.altx-hdr #header .logo-row{border:0}
body.altx-hdr #header .logo-row > .maxwidth-theme > .row{
  display:flex;align-items:center;gap:26px;min-height:92px;margin:0;padding:0;
}
body.altx-hdr #header .logo-row > .maxwidth-theme > .row:before,
body.altx-hdr #header .logo-row > .maxwidth-theme > .row:after{display:none}
body.altx-hdr #header .logo-row .row > *{float:none;padding:0;margin:0}
body.altx-hdr #header .logo-row .logo-block{order:1;flex:none;width:auto;max-width:none}
body.altx-hdr #header .logo-row .row > .altx-hdr-city{order:2}
body.altx-hdr #header .logo-row .row > .search_wrap{order:3}
body.altx-hdr #header .logo-row .row > .right-icons{order:4}
body.altx-hdr #header .logo-row .logo-block .logo{height:auto;padding:0;line-height:0}
body.altx-hdr #header .logo-row .logo-block img{width:172px;height:auto;max-width:none;max-height:none}

/* В регионе один город: вместо выпадающего «Ваш город» — ссылка на магазины. */
body.altx-hdr #header .logo-row .row > .inline-block{display:none}
body.altx-hdr .altx-hdr-city{
  flex:none;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--hdr-ink);
  white-space:nowrap;text-decoration:none;
}
body.altx-hdr .altx-hdr-city:before{--m:var(--altx-i-pin);width:18px;height:18px;color:var(--hdr-blue)}
body.altx-hdr .altx-hdr-city:hover{color:var(--hdr-blue)}

/* Поиск: тот же компонент altx:search.title, меняется только поле. */
body.altx-hdr #header .search_wrap{flex:1 1 auto;width:auto;min-width:180px;max-width:none}
body.altx-hdr #header .search_wrap .search-block,
body.altx-hdr #header .search_wrap .search-wrapper{display:block;width:100%;padding:0;height:auto}
body.altx-hdr #header .search_wrap form.search{
  position:relative;display:flex;align-items:center;height:48px;margin:0;padding:0 6px 0 16px;
  background:var(--hdr-wash);border:1px solid transparent;border-radius:10px;box-shadow:none;transition:border-color .2s,background .2s;
}
body.altx-hdr #header .search_wrap form.search:focus-within{background:#fff;border-color:#d3dde5;box-shadow:0 2px 10px rgba(37,57,69,.06)}
/* Без второй рамки внутри поля: фокус показывает само поле. */
body.altx-hdr #header .search_wrap .search-input:focus,
body.altx-hdr #header .search_wrap .search-input:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
body.altx-hdr #header .search_wrap .search-input-div{flex:1;min-width:0;width:auto;padding:0;margin:0}
body.altx-hdr #header .search_wrap .search-input{
  width:100%;height:46px;padding:0;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;
  font-size:14px;color:var(--hdr-ink);
}
body.altx-hdr #header .search_wrap .search-input::placeholder{color:var(--hdr-muted);opacity:1}
body.altx-hdr #header .search-button-div{position:static;display:flex;align-items:center;flex:none;width:auto;height:auto;padding:0}
body.altx-hdr #header .search-button-div .btn-search{
  position:static;display:grid;place-items:center;width:38px;height:38px;padding:0;margin:0;border:0;border-radius:8px;
  background:transparent;color:var(--hdr-blue);transform:none;
}
body.altx-hdr #header .search-button-div .btn-search:before{--m:var(--altx-i-search);width:20px;height:20px}
body.altx-hdr #header .search-button-div .btn-search:hover{background:#e3ebf1}
body.altx-hdr #header .search-button-div .btn-search > i,
body.altx-hdr #header .search-button-div .close-block{display:none}

/* Правая группа: телефон, кабинет, избранное, корзина. */
body.altx-hdr #header .logo-row .right-icons{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}
body.altx-hdr #header .right-icons > .pull-right{float:none}
body.altx-hdr #header .right-icons > .pull-right:has(.phone-block){order:1;margin-right:14px}
body.altx-hdr #header .right-icons > .pull-right:has(.personal-link){order:2}
body.altx-hdr #header .right-icons > .block-link{order:3;display:flex;align-items:center;gap:6px}
body.altx-hdr #header .right-icons .wrap_icon{display:flex;align-items:center;padding:0;height:auto;width:auto}

body.altx-hdr #header .phone-block{display:block;padding:0}
body.altx-hdr #header .phone-block .phone{position:relative;display:flex;align-items:center;gap:8px;padding:0}
body.altx-hdr #header .phone-block .phone:before{--m:var(--altx-i-phone);width:18px;height:18px;color:var(--hdr-blue)}
body.altx-hdr #header .phone-block .phone > i.svg{display:none}
body.altx-hdr #header .phone-block .phone > a{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--hdr-ink);white-space:nowrap}
body.altx-hdr #header .phone-block .phone > a:hover{color:var(--hdr-blue)}
body.altx-hdr #header .phone-block .callback-block{margin:3px 0 0 26px;padding:0;line-height:1}
body.altx-hdr #header .phone-block .callback-block span{font-size:12px;font-weight:600;color:var(--hdr-blue);border-bottom:1px dashed #9db6cd;cursor:pointer}
body.altx-hdr #header .phone-block .callback-block span:hover{color:var(--hdr-blue-hover)}

/* Иконки-кнопки (кабинет, избранное, корзина) */
body.altx-hdr #header .right-icons .basket_wrapper{display:block;padding:0;margin:0;height:auto;width:auto;float:none}
body.altx-hdr #header .right-icons .basket-link,
body.altx-hdr #header .right-icons .personal-link{
  position:relative;display:flex;align-items:center;gap:8px;min-width:44px;height:44px;padding:0 10px;margin:0;border-radius:10px;
  color:var(--hdr-ink);text-decoration:none;transition:background .2s,color .2s;
}
body.altx-hdr #header .right-icons .basket-link:hover,
body.altx-hdr #header .right-icons .personal-link:hover{background:var(--hdr-wash);color:var(--hdr-blue)}
body.altx-hdr #header .right-icons .personal-link:before{--m:var(--altx-i-user)}
body.altx-hdr #header .right-icons .basket-link.delay:before{--m:var(--altx-i-heart)}
body.altx-hdr #header .right-icons .basket-link.basket:before{--m:var(--altx-i-bag)}
body.altx-hdr #header .right-icons .basket-link > .js-basket-block,
body.altx-hdr #header .right-icons .basket-link .js-basket-block > .wrap{position:static;display:flex;align-items:center;padding:0;margin:0}
body.altx-hdr #header .right-icons .basket-link i.svg,
body.altx-hdr #header .right-icons .personal-link i.svg,
body.altx-hdr #header .right-icons .basket-link .title,
body.altx-hdr #header .right-icons .basket-link .prices{display:none}
/* Кабинет: «Войти» / имя покупателя остаются текстом рядом с иконкой. */
body.altx-hdr #header .right-icons .personal-link > .wrap{display:block;padding:0;margin:0}
body.altx-hdr #header .right-icons .personal-link .name{display:block;font-size:13px;font-weight:600;color:inherit;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.altx-hdr #header .right-icons .personal-link .title{display:none}
/* Счётчики. Aspro/favorites.js пишут число в .count и снимают .empted. */
body.altx-hdr #header .right-icons .basket-link .js-basket-block > .count{
  position:absolute;top:2px;left:21px;right:auto;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;margin:0;
  border-radius:10px;background:var(--hdr-blue);color:#fff;font-size:10px;font-weight:700;line-height:15px;border:2px solid #fff;box-sizing:border-box;
}
body.altx-hdr #header .right-icons .basket-link .js-basket-block > .count.empted,
body.altx-hdr #header .right-icons .basket-link:not(.basket-count) .js-basket-block > .count{display:none}
/* Сумму корзины не показываем: при загрузке Aspro отдаёт «0 руб.» даже для непустой корзины. */

/* ---------- Компьютер: строка меню ---------- */
body.altx-hdr #header .menu-row.middle-block{background:#fff!important;border-top:1px solid var(--hdr-line);border-bottom:1px solid var(--hdr-line)}
body.altx-hdr #header .menu-row .menu-only{display:flex;align-items:center;gap:24px}
body.altx-hdr #header .menu-row .menu-only > nav{flex:1 1 auto;min-width:0}
body.altx-hdr #header .menu-row .table-menu{background:transparent}
body.altx-hdr #header .menu-row .table-menu table{width:auto}
body.altx-hdr #header .menu-row .table-menu table td{width:auto;border:0!important;background:transparent!important}
body.altx-hdr #header .menu-row .table-menu td > .wrap{padding:0}
body.altx-hdr #header .menu-row .table-menu td > .wrap > a{
  display:flex;align-items:center;justify-content:center;height:54px;padding:0 15px;
  color:var(--hdr-ink)!important;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;background:transparent!important;
}
body.altx-hdr #header .menu-row .table-menu td > .wrap > a > div{display:flex;align-items:center;gap:8px}
body.altx-hdr #header .menu-row .table-menu td:hover > .wrap > a,
body.altx-hdr #header .menu-row .table-menu td.active > .wrap > a{color:var(--hdr-blue)!important}
body.altx-hdr #header .menu-row .table-menu td > .wrap > a .line-wrapper{display:none}
body.altx-hdr #header .menu-row .table-menu td > .wrap > a[href="/sale/"]{color:var(--hdr-sale)!important}
/* «Каталог» — главная кнопка строки. */
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a{
  justify-content:flex-start;gap:10px;min-width:210px;height:42px;margin:6px 14px 6px 0;padding:0 16px;border-radius:8px;
  background:var(--hdr-blue)!important;color:#fff!important;font-weight:700;
}
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a:before{--m:var(--altx-i-menu);width:20px;height:20px}
body.altx-hdr #header .menu-row .table-menu td.catalog:hover > .wrap > a{background:var(--hdr-blue-hover)!important;color:#fff!important}
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a:after{
  content:"";position:static;display:block;flex:none;width:14px;height:14px;margin:0 0 0 auto;border:0;background-color:currentColor;
  -webkit-mask:var(--altx-i-chevron) center/contain no-repeat;mask:var(--altx-i-chevron) center/contain no-repeat;
}
/* Стрелка у пунктов с подменю (вместо штатной). */
body.altx-hdr #header .menu-row .table-menu td.dropdown:not(.catalog) > .wrap > a:after{
  content:"";position:static;display:block;flex:none;width:13px;height:13px;margin:1px 0 0 6px;border:0;background:currentColor;opacity:.55;
  -webkit-mask:var(--altx-i-chevron) center/contain no-repeat;mask:var(--altx-i-chevron) center/contain no-repeat;transform:none;
}
body.altx-hdr .altx-hdr-pro{
  flex:none;display:flex;align-items:center;gap:8px;height:54px;font-size:13px;font-weight:700;color:var(--hdr-blue);
  white-space:nowrap;text-decoration:none;
}
body.altx-hdr .altx-hdr-pro:after{--m:var(--altx-i-arrow);width:16px;height:16px}
body.altx-hdr .altx-hdr-pro:hover{color:var(--hdr-blue-hover)}

/* «Каталог материалов» и «Акции ↗» как в макете. */
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a > div:after{content:"материалов";font-weight:400;opacity:.85}
body.altx-hdr #header .menu-row .table-menu td > .wrap > a[href="/sale/"] > div:after{
  content:"";width:14px;height:14px;background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 17 17 7M9 7h8v8%22/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 17 17 7M9 7h8v8%22/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Меню каталога: заголовок | разделы в две колонки | помощь (разметка — menu/top/template.php). */
/* Aspro открывает меню инлайновым display:block, поэтому колонки по бокам — абсолютные, список — по центру. */
body.altx-hdr #header .menu-row td.catalog > .wrap > .dropdown-menu{
  box-sizing:border-box;min-height:340px;max-height:none!important;overflow:visible!important;padding:36px 28% 36px 30%;
  border:1px solid var(--hdr-line);border-top:0;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 18px 40px rgba(37,57,69,.14);
}
body.altx-hdr .altx-hdr-mega__intro{position:absolute;left:40px;top:36px;width:calc(30% - 90px)}
body.altx-hdr .altx-hdr-mega__help{position:absolute;right:40px;top:36px;width:calc(28% - 80px);box-sizing:border-box}
/* Промо под «Весь каталог»: компактная горизонтальная, меню не вырастает; колонки кончаются вровень. */
body.altx-hdr #header .menu-row td.catalog > .wrap > .dropdown-menu{min-height:380px}
body.altx-hdr .altx-hdr-mega__help{bottom:36px}
body.altx-hdr .altx-hdr-mega__promo{position:absolute;left:40px;bottom:36px;width:calc(30% - 90px);max-width:330px;display:block;overflow:hidden;border-radius:12px;
  background:var(--hdr-wash);transition:box-shadow .2s,transform .2s}
body.altx-hdr .altx-hdr-mega__promo:hover{box-shadow:0 10px 24px rgba(37,57,69,.14);transform:translateY(-1px)}
body.altx-hdr .altx-hdr-mega__promo picture{display:block}
body.altx-hdr .altx-hdr-mega__promo img{display:block;width:100%;height:auto;aspect-ratio:5/4;margin:0}
@media (max-width:1279px){body.altx-hdr .altx-hdr-mega__promo{display:none}body.altx-hdr #header .menu-row td.catalog > .wrap > .dropdown-menu{min-height:340px}}
body.altx-hdr #header td.catalog .dropdown-menu > .customScrollbar{max-height:none;overflow:visible;padding:0}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;margin:0;padding:0;width:auto}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li{display:flex;align-items:center;gap:12px;float:none;width:auto;margin:0;padding:0;border:0;border-bottom:1px solid var(--hdr-line);background:none;min-height:0}
/* Синие иконки разделов (картинки разделов каталога, рисовал дизайнер) — маленькие, слева от названия. */
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li > a:has(.menu_img){flex:none;display:block;width:32px!important;padding:0!important;margin:0;border:0!important}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li .menu_img{display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;position:static;float:none}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li .menu_img img{width:30px;height:30px;max-width:none;object-fit:contain;margin:0}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li > a{display:block;flex:1 1 auto;width:auto;min-width:0;padding:13px 0!important;margin:0;text-align:left;background:none;border:0!important}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li > a .name{font-size:15px;font-weight:500;color:var(--hdr-ink);text-transform:none}
body.altx-hdr #header td.catalog .dropdown-menu ul.menu-wrapper > li > a:hover .name{color:var(--hdr-blue)}
body.altx-hdr .altx-hdr-mega__intro p{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hdr-muted)}
body.altx-hdr .altx-hdr-mega__intro b{display:block;margin-top:16px;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--hdr-ink)}
body.altx-hdr .altx-hdr-mega__intro a,
body.altx-hdr .altx-hdr-mega__help a{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-size:14px;font-weight:700;color:var(--hdr-blue)}
body.altx-hdr .altx-hdr-mega__intro a:after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--altx-i-arrow) center/contain no-repeat;mask:var(--altx-i-arrow) center/contain no-repeat}
body.altx-hdr .altx-hdr-mega__help{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px;border-radius:14px;background:var(--hdr-wash)}
body.altx-hdr .altx-hdr-mega__help:before{content:"";width:26px;height:26px;margin-bottom:8px;background:var(--hdr-blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 11a9 9 0 0 1-9 9H6l-4 2V11a9.5 9.5 0 0 1 19 0Z%22/%3E%3Cpath d=%22M7 8h9M7 12h6%22/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 11a9 9 0 0 1-9 9H6l-4 2V11a9.5 9.5 0 0 1 19 0Z%22/%3E%3Cpath d=%22M7 8h9M7 12h6%22/%3E%3C/svg%3E") center/contain no-repeat}
body.altx-hdr .altx-hdr-mega__help b{font-size:18px;font-weight:800;color:var(--hdr-ink)}
body.altx-hdr .altx-hdr-mega__help span:not(.altx-hdr-mega__call){font-size:14px;line-height:1.45;color:var(--hdr-muted)}
body.altx-hdr .altx-hdr-mega__help a{margin-top:8px;font-size:17px;font-weight:800;color:var(--hdr-ink)}
body.altx-hdr .altx-hdr-mega__call{font-size:14px;font-weight:700;color:var(--hdr-blue);border-bottom:1px dashed #9db6cd;cursor:pointer}

/* Выпадающие меню: светлее и с мягкой тенью, состав тот же. */
body.altx-hdr #header .menu-row .dropdown-menu{border:1px solid var(--hdr-line);border-radius:0 0 12px 12px;box-shadow:0 14px 34px rgba(37,57,69,.12)}
body.altx-hdr #header .menu-row .dropdown-menu a{color:var(--hdr-ink)}
body.altx-hdr #header .menu-row .dropdown-menu a:hover{color:var(--hdr-blue)}
body.altx-hdr #header .menu-row .table-menu td > .tail{display:none}

body.altx-hdr #header :focus-visible,
body.altx-hdr #mobileheader :focus-visible{outline:3px solid #799fbf;outline-offset:2px}

/* Средние экраны: телефон без подписи, без города. */
@media (max-width:1279px){
  body.altx-hdr #header .logo-row > .maxwidth-theme > .row{gap:18px}
  body.altx-hdr .altx-hdr-city{display:none}
  body.altx-hdr #header .logo-row .logo-block img{width:150px}
  body.altx-hdr #header .right-icons .personal-link > .wrap{display:none}
  body.altx-hdr #header .menu-row .table-menu td > .wrap > a{padding:0 11px;font-size:13px}
}

/* ---------- Телефон и планшет ---------- */
body.altx-hdr #mobileheader{height:auto;background:#fff;box-shadow:0 1px 0 var(--hdr-line)}
/* Высота постоянная (102px): Aspro даёт #content отступ под закреплённую шапку — подставляем свой. */
body.altx-hdr #mobileheader .mobileheader-v1{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;align-content:flex-start;height:102px;min-height:0;padding:6px 12px 8px;overflow:hidden}
body.altx-hdr div#mobileheader.fixed ~ #content{padding-top:102px}
body.altx-hdr #mobileheader .mobileheader-v1 > .burger{display:grid;place-items:center;width:40px;height:44px;padding:0;margin:0 0 0 -8px}
body.altx-hdr #mobileheader .mobileheader-v1 > .burger,
body.altx-hdr #mobileheader .mobileheader-v1 > .logo-block,
body.altx-hdr #mobileheader .mobileheader-v1 > .right-icons{float:none}
body.altx-hdr #mobileheader .mobileheader-v1 > .logo-block{flex:1 1 auto;min-width:0;display:flex;align-items:center;height:44px;padding:0 0 0 2px;margin:0}
body.altx-hdr #mobileheader .mobileheader-v1 > .logo-block .logo{display:flex;align-items:center;height:44px;padding:0;margin:0;line-height:0}
body.altx-hdr #mobileheader .mobileheader-v1 > .logo-block img{width:auto;max-width:150px;max-height:40px;height:auto}
body.altx-hdr #mobileheader .mobileheader-v1 > .right-icons{display:flex;align-items:center;flex-direction:row-reverse;gap:2px;height:44px;min-height:0;padding:0;margin:0 0 0 auto}
body.altx-hdr #mobileheader .mobileheader-v1 > .right-icons > .pull-right{float:none}
/* Лупа не нужна — поле поиска видно сразу. */
body.altx-hdr #mobileheader .mobileheader-v1 > .right-icons > .pull-right:has(.inline-search-show){display:none}
body.altx-hdr #mobileheader .mobileheader-v1 .wrap_icon{display:flex;align-items:center;padding:0;margin:0}
body.altx-hdr #mobileheader .mobileheader-v1 .wrap_basket{gap:2px}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link{position:relative;display:grid!important;place-items:center;width:42px;height:42px;padding:0;margin:0;color:var(--hdr-ink)}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link.delay:before{--m:var(--altx-i-heart)}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link.basket:before{--m:var(--altx-i-bag)}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link i.svg,
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link .title{display:none}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link:before,
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link > .js-basket-block{grid-area:1/1}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link .js-basket-block{position:static;padding:0}
/* Кабинет на телефоне — как раньше, в бургер-меню. */
body.altx-hdr #mobileheader .mobileheader-v1 > .right-icons > .pull-right:has(.wrap_cabinet){display:none}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link .js-basket-block > .count{
  position:absolute;top:3px;left:22px;right:auto;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;margin:0;
  border-radius:10px;background:var(--hdr-blue);color:#fff;font-size:10px;font-weight:700;line-height:15px;border:2px solid #fff;box-sizing:border-box;
}
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link .js-basket-block > .count.empted,
body.altx-hdr #mobileheader .mobileheader-v1 .basket-link:not(.basket-count) .js-basket-block > .count{display:none}
body.altx-hdr #mobileheader .mobileheader-v1 .wrap_phones{position:relative;width:42px;height:42px;display:grid;place-items:center;color:var(--hdr-ink)}
body.altx-hdr #mobileheader .mobileheader-v1 .wrap_phones:before{--m:var(--altx-i-phone);width:21px;height:21px;pointer-events:none;grid-area:1/1}
body.altx-hdr #mobileheader .mobileheader-v1 .wrap_phones > i.svg{grid-area:1/1;opacity:0}
body.altx-hdr .altx-hdr-msearch{
  order:10;flex:1 0 100%;display:flex;align-items:center;gap:10px;height:40px;margin:4px 0 0;padding:0 14px;
  border:0;border-radius:10px;background:var(--hdr-wash);color:var(--hdr-muted);
  font:400 14px/1 AltxManrope,Arial,sans-serif;text-align:left;cursor:text;
}
body.altx-hdr .altx-hdr-msearch:before{--m:var(--altx-i-search);width:19px;height:19px}

/* Отступы над и под хлебными крошками — вдвое меньше штатных Aspro (Вова, 19.10.2026): 52→26 и 50→25 px. */
body.altx-hdr .top_inner_block_wrapper{padding-bottom:15px}
body.altx-hdr section.page-top{padding-top:15px}
body.altx-hdr section.page-top #navigation .breadcrumbs{padding-top:11px;padding-bottom:10px}
/* У страниц каталога свои !important-отступы (local/assets/catalog/common.css: 22/20, телефон 18) — тоже вдвое. */
body.altx-hdr.altx-catalog-page #content .page-top .breadcrumbs{padding-block:11px 10px!important}
@media (max-width:767px){body.altx-hdr.altx-catalog-page #content .page-top .breadcrumbs{padding-block:9px!important}}

/* Меню кабинета (local/include/header/cabinet-menu.php): карточка с приветствием и группами. */
body.altx-hdr #header .wrapp-cabinet-menu{position:relative;display:flex;align-items:center}
body.altx-hdr #header .altx-cab{position:absolute;top:100%;left:auto;right:-12px;z-index:3000;padding-top:12px;opacity:0;visibility:hidden;transition:opacity .2s ease-in,visibility .2s ease-in;transition-delay:.15s}
body.altx-hdr #header .wrapp-cabinet-menu:hover .altx-cab,
body.altx-hdr #header .wrapp-cabinet-menu:focus-within .altx-cab{opacity:1;visibility:visible;transition-delay:0s}
body.altx-hdr #header .altx-cab .dropdown{width:300px;padding:8px;border:1px solid var(--hdr-line);border-top:1px solid var(--hdr-line)!important;border-radius:16px;
  background:#fff;box-shadow:0 18px 44px rgba(37,57,69,.16);font-family:AltxManrope,Arial,sans-serif}
body.altx-hdr .altx-cab__head{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--hdr-wash);color:var(--hdr-ink)!important;text-decoration:none}
body.altx-hdr .altx-cab__head:hover{background:#e8eef2}
body.altx-hdr .altx-cab__avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--hdr-blue);color:#fff;font-size:15px;font-weight:800;letter-spacing:.02em}
body.altx-hdr .altx-cab__who{flex:1;min-width:0}
body.altx-hdr .altx-cab__who b{display:block;font-size:15px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.altx-hdr .altx-cab__who small{display:block;margin-top:2px;font-size:12px;color:var(--hdr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.altx-hdr .altx-cab__go{flex:none;font-size:12px;font-weight:700;color:var(--hdr-blue)}
body.altx-hdr .altx-cab__group{padding:8px 0 2px}
body.altx-hdr .altx-cab__group + .altx-cab__group{border-top:1px solid var(--hdr-line)}
body.altx-hdr .altx-cab__title{margin:2px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hdr-muted)}
body.altx-hdr .altx-cab__item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:var(--hdr-ink)!important;font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}
body.altx-hdr .altx-cab__item svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--hdr-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.altx-hdr .altx-cab__item:hover{background:var(--hdr-wash);color:var(--hdr-blue)!important}
body.altx-hdr .altx-cab__item.is-active{background:#e9f0f6;color:var(--hdr-blue)!important}
body.altx-hdr .altx-cab__foot{display:flex;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--hdr-line)}
body.altx-hdr .altx-cab__foot .altx-cab__item{flex:1;justify-content:center;font-size:13px}
body.altx-hdr .altx-cab__item--exit{color:var(--hdr-muted)!important}
body.altx-hdr .altx-cab__item--exit svg{stroke:var(--hdr-muted)}
body.altx-hdr .altx-cab__item--exit:hover{color:var(--hdr-sale)!important}
body.altx-hdr .altx-cab__item--exit:hover svg{stroke:var(--hdr-sale)}

/* Живое меню: линия под пунктом, стрелки, лёгкое нажатие. Только CSS, без JS; при reduced-motion выключено. */
body.altx-hdr #header .menu-row .table-menu td:not(.catalog) > .wrap > a > div{
  position:relative;padding-block:6px;
  background:linear-gradient(currentColor,currentColor) no-repeat 50% 100%/0 2px;
  transition:background-size .28s cubic-bezier(.2,.7,.2,1),transform .15s ease;
}
body.altx-hdr #header .menu-row .table-menu td:not(.catalog):hover > .wrap > a > div,
body.altx-hdr #header .menu-row .table-menu td:not(.catalog) > .wrap > a:focus-visible > div,
body.altx-hdr #header .menu-row .table-menu td.active:not(.catalog) > .wrap > a > div{background-size:100% 2px}
body.altx-hdr #header .menu-row .table-menu td > .wrap > a{transition:color .2s ease}
body.altx-hdr #header .menu-row .table-menu td:not(.catalog) > .wrap > a:active > div{transform:translateY(1px)}
/* Стрелка подменю переворачивается, пока оно открыто. */
body.altx-hdr #header .menu-row .table-menu td.dropdown:not(.catalog) > .wrap > a:after{transition:transform .25s ease,opacity .2s}
body.altx-hdr #header .menu-row .table-menu td.dropdown:not(.catalog):hover > .wrap > a:after{transform:rotate(180deg);opacity:.9}
/* «Каталог материалов»: приподнимается, стрелка переворачивается, при нажатии — вдавливается. */
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a{transition:background .2s ease,box-shadow .2s ease,transform .15s ease}
body.altx-hdr #header .menu-row .table-menu td.catalog:hover > .wrap > a{transform:translateY(-1px);box-shadow:0 8px 18px rgba(57,107,155,.28)}
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a:active{transform:translateY(0) scale(.98);box-shadow:0 3px 8px rgba(57,107,155,.25)}
body.altx-hdr #header .menu-row .table-menu td.catalog > .wrap > a:after{transition:transform .25s ease}
body.altx-hdr #header .menu-row .table-menu td.catalog:hover > .wrap > a:after{transform:rotate(180deg)}
/* «Акции ↗» и «Для профессионалов →»: стрелка подталкивается в свою сторону. */
body.altx-hdr #header .menu-row .table-menu td > .wrap > a[href="/sale/"] > div:after{transition:transform .25s ease}
body.altx-hdr #header .menu-row .table-menu td:hover > .wrap > a[href="/sale/"] > div:after{transform:translate(2px,-2px)}
body.altx-hdr .altx-hdr-pro:after{transition:transform .25s ease}
body.altx-hdr .altx-hdr-pro:hover:after{transform:translateX(4px)}
body.altx-hdr .altx-hdr-pro:active{transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){
  body.altx-hdr #header .menu-row *,body.altx-hdr .altx-hdr-pro,body.altx-hdr .altx-hdr-pro:after{transition:none!important}
  body.altx-hdr #header .menu-row .table-menu td.catalog:hover > .wrap > a{transform:none}
}