/* Шапка 2026 (dxh): тёмная, в одну строку, стикер «8 цветов», бургер слева.
   Разметка — чанк navigations (_deploy/bin/header/build.py), поведение — header.js.
   Широкий режим (меню в строку) — от 1180px, иначе бургер и выезжающая панель. */
.dxh{--dxh-gap:clamp(14px,1.6vw,28px);--dxh-pad:clamp(16px,2.4vw,32px);position:sticky;top:0;z-index:1000;transition:box-shadow .2s;background:#0c0c0c;color:#fff;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.dxh *,.dxh *::before,.dxh *::after{box-sizing:border-box}
.dxh a{text-decoration:none}
.dxh ul{list-style:none;margin:0;padding:0}
.dxh__bar{max-width:1600px;margin:0 auto;height:76px;padding:0 var(--dxh-pad);display:flex;align-items:center;gap:var(--dxh-gap)}

/* шапка закреплена при прокрутке: тень после начала прокрутки, якоря останавливаются ниже шапки */
.dxh.is-scrolled{box-shadow:0 6px 20px rgba(0,0,0,.28)}
html{scroll-padding-top:84px}

/* логотип: слово-ротатор (скрипт в чанке service меняет текст .navbar-brand.brand-rotator) */
.dxh__brand{display:flex;align-items:center;gap:14px;color:#fff;flex-shrink:0}
.dxh__brand:hover{color:#fff}
.dxh .dxh__logo.navbar-brand{width:auto;height:auto;min-width:5.6em;padding:0;margin:0;display:inline-block;font:800 34px/1 'Manrope',system-ui,sans-serif;letter-spacing:-.02em;color:#fff;justify-content:flex-start}
.dxh__tag{display:none;font-size:12px;line-height:1.3;color:#a8a8a8;max-width:150px;border-left:1px solid #333;padding-left:14px}

/* стикер «8 цветов» с подсказкой */
.dxh__sticker{position:relative;flex-shrink:0;align-self:flex-start;margin-top:10px;margin-left:calc(-1 * var(--dxh-gap) + 2px);z-index:30}
.dxh__stbtn{display:flex;align-items:center;gap:7px;background:#fff;color:#141414;border:0;border-radius:999px;padding:5px 11px 5px 7px;font:800 13px 'Manrope',sans-serif;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 2px #0c0c0c,0 6px 14px rgba(0,0,0,.35);transform:rotate(-6deg);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.dxh__dots{display:grid;grid-template-columns:repeat(4,6px);gap:2px}
.dxh__dots i{width:6px;height:6px;border-radius:50%}
.dxh__tip{position:absolute;top:100%;left:-20px;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .25s,visibility .2s}
.dxh__sticker:hover .dxh__stbtn,.dxh__sticker:focus-within .dxh__stbtn,.dxh__sticker.is-open .dxh__stbtn{transform:rotate(0) scale(1.08)}
.dxh__sticker:hover .dxh__tip,.dxh__sticker:focus-within .dxh__tip,.dxh__sticker.is-open .dxh__tip{opacity:1;visibility:visible;transform:none}
.dxh__tipcard{width:340px;max-width:calc(100vw - 32px);background:#fff;color:#141414;border-radius:16px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:16px}
.dxh__tiph{display:flex;align-items:center;gap:14px}
.dxh__tiph b{font-size:56px;font-weight:800;line-height:.85;letter-spacing:-.04em}
.dxh__tiph span{font-size:17px;font-weight:800;line-height:1.2}
.dxh__tipcard p{margin:0;font-size:14px;line-height:1.5;color:#444}
.dxh__cmp{display:flex;flex-direction:column;gap:5px}
.dxh__cmp span{font-size:12px;font-weight:700;color:#888}
.dxh__cmp--our span{font-weight:800;color:#141414}
.dxh__strip{display:grid;grid-template-columns:repeat(8,1fr);height:18px;border-radius:5px;overflow:hidden}
.dxh__strip i{background:#ececea}
.dxh__cmp--our .dxh__strip{height:26px;border-radius:6px}
.dxh__tiplink{align-self:flex-start;color:#141414;font-weight:800;font-size:14px;border-bottom:2px solid #141414;padding-bottom:1px}
.dxh__tiplink:hover{color:#0d7f8c;border-color:#0d7f8c}

/* меню в строку + мегаменю */
.dxh__nav{display:none;flex:1;min-width:0}
.dxh__nav>ul{display:flex;align-items:center;justify-content:center;gap:2px}
.dxh__item{position:static}
.dxh__link{display:block;color:#fff;font-weight:700;font-size:15px;padding:9px 10px;border-radius:6px;white-space:nowrap;transition:background .15s}
.dxh__link:hover,.dxh__link:focus,.dxh__item.is-open>.dxh__link{background:#1c1c1c;color:#fff}
.dxh__link[aria-current="page"],.dxh__item.is-cur>.dxh__link{color:#9adbe3}
.dxh__load{display:flex;align-items:center;gap:8px}
.dxh__loadbar{position:relative;width:44px;height:20px;border-radius:4px;background:#2a2a2a;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px}
.dxh__loadbar span{position:absolute;left:0;top:0;bottom:0;background:#1ea2b0}
.dxh__loadbar b{position:relative;font-weight:700}
.dxh__mega{position:absolute;left:0;right:0;top:100%;background:#141414;border-top:1px solid #222;box-shadow:0 24px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.dxh__item.is-open>.dxh__mega{opacity:1;visibility:visible;transform:none}
.dxh__mega-in{max-width:1320px;margin:0 auto;padding:28px var(--dxh-pad) 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 40px}
.dxh__colh{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7d7d7d}
.dxh__mega li a{display:inline-flex;align-items:center;gap:8px;color:#e8e8e8;font-size:15px;font-weight:500;padding:5px 0}
.dxh__mega li a:hover{color:#9adbe3}
.dxh__mega p:not(.dxh__colh){margin:0;color:#bdbdbd;font-size:14px;line-height:1.55}
.dxh__badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#1ea2b0;color:#fff;border-radius:4px;padding:2px 5px;line-height:1.2}

/* телефон, статус, вход */
.dxh__right{display:flex;align-items:center;gap:clamp(12px,1.4vw,20px);flex-shrink:0;margin-left:auto}
.dxh__contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.dxh__phone{color:#fff;font-weight:800;font-size:17px;white-space:nowrap}
.dxh__phone:hover{color:#9adbe3}
.dxh__status{display:flex;align-items:center;gap:6px;font-size:12px;color:#a8a8a8;white-space:nowrap}
.dxh__hours{display:inline-flex;align-items:center;gap:6px;color:#a8a8a8;border-bottom:1px dashed transparent;transition:color .15s,border-color .15s}
.dxh__hours:hover,.dxh__hours:focus{color:#fff;border-bottom-color:#5a5a5a}
.dxh__dot{width:7px;height:7px;border-radius:50%;background:#f0c419}
.dxh.is-open-now .dxh__dot{background:#2ea84f}
.dxh__mail{display:none;gap:6px}
.dxh__mail a{color:#a8a8a8}
.dxh__mail a:hover{color:#fff}
.dxh__login{display:none;align-items:center;gap:8px;background:#2ea84f;color:#fff;font-weight:700;font-size:15px;padding:11px 18px 11px 14px;border-radius:6px;white-space:nowrap}
.dxh__login:hover{background:#258a40;color:#fff}

/* бургер — слева */
.dxh__burger{order:-1;flex-shrink:0;width:44px;height:44px;border:1px solid #333;background:transparent;color:#fff;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.dxh__burger span{display:block;width:18px;height:2px;background:#fff;transition:transform .2s,opacity .2s}
.dxh__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dxh__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.dxh__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* выезжающая панель (узкий режим) */
.dxh__panel{position:fixed;left:0;right:0;top:76px;bottom:0;background:#0c0c0c;border-top:1px solid #222;padding:12px var(--dxh-pad) 32px;z-index:20;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dxh__panel[hidden]{display:none}
.dxh__panel>ul>li>a,.dxh__panel summary{display:block;color:#fff;font-weight:700;font-size:17px;padding:12px 0;border-top:1px solid #1c1c1c;cursor:pointer;list-style:none}
.dxh__panel summary::-webkit-details-marker{display:none}
.dxh__panel summary::after{content:'+';float:right;color:#7d7d7d;font-weight:500}
.dxh__panel details[open] summary::after{content:'–'}
.dxh__acc{padding:4px 0 14px 12px}
.dxh__acc .dxh__colh{margin:12px 0 4px}
.dxh__acc a{display:block;color:#d8d8d8;font-size:15px;padding:6px 0}
.dxh__acc .dxh__all{color:#9adbe3;font-weight:700}
.dxh__pfoot{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:16px;font-size:15px;color:#a8a8a8}
.dxh__pfoot a{color:#a8a8a8}
.dxh__pfoot .dxh__plogin{order:-1;flex:1 0 100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px;padding:15px 18px;border-radius:10px;background:#2ea84f;color:#fff;font-weight:800;font-size:17px;box-shadow:0 8px 22px rgba(46,168,79,.35);transition:background .15s,transform .15s}
.dxh__pfoot .dxh__plogin::before{content:'';width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4.5'/%3E%3Cpath d='M3 21c0-4.4 4-7.5 9-7.5s9 3.1 9 7.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4.5'/%3E%3Cpath d='M3 21c0-4.4 4-7.5 9-7.5s9 3.1 9 7.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.dxh__pfoot .dxh__plogin:hover,.dxh__pfoot .dxh__plogin:active{background:#258a40;color:#fff;transform:translateY(-1px)}
/* открытое меню: шапка прибита к экрану, страница под ней замирает на месте (body fixed + top = -прокрутка),
   панель прокручивается сама; overflow:hidden на html/body на телефонах сбрасывал закрепление шапки */
.dxh.is-menu{position:fixed;left:0;right:0;top:0}
body.dxh-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden}

/* адаптив (пороги из макета) */
@media (min-width:560px){.dxh__login{display:flex}}
@media (min-width:720px) and (max-width:1179.98px){.dxh__mail{display:flex}}
@media (min-width:1180px){
  .dxh__nav{display:block}
  .dxh__burger,.dxh__panel{display:none!important}
}
@media (min-width:1360px){.dxh__mail{display:flex}}
@media (min-width:1560px){
  .dxh__tag{display:block}
  .dxh__sticker{margin-left:calc(-1 * var(--dxh-gap) - 34px)}
}
@media (max-width:1179.98px){.dxh__sticker{margin-left:0}}
@media (max-width:559.98px){
  .dxh .dxh__logo.navbar-brand{font-size:26px;min-width:0}
  .dxh__sticker{display:none}
}
@media (max-width:419.98px){.dxh__phone{font-size:15px}}

/* хлебные крошки без белой полосы; на лендингах — поверх первого экрана, как в макете */
.dx-breadcrumbs{background:transparent;border-bottom:0;font-size:15px;font-weight:500;color:#3a3a3a;padding:14px 0}
.dx-breadcrumbs ol{max-width:1320px;padding:0 clamp(16px,3vw,32px);gap:8px 0}
.dx-breadcrumbs li+li:before{content:"›";margin:0 14px 0 0;padding-left:14px;color:#3a3a3a}
.dx-breadcrumbs a{color:#3a3a3a}
.dx-breadcrumbs a:hover{color:#000;text-decoration:none}
.dx-breadcrumbs li:last-child span{color:#141414}
body:has(main.izd) .dx-breadcrumbs,.dx-breadcrumbs:has(~ .hero-section){position:absolute;left:0;right:0;z-index:3;margin-top:0}
@media (min-width:769px){
  body:has(main.izd) .izd-hero__in{padding-top:max(clamp(28px,4vw,64px),56px)}
}
@media (max-width:768px){
  .dx-breadcrumbs{font-size:13px;padding:10px 0}
  .dx-breadcrumbs li+li:before{margin-right:8px;padding-left:8px}
  /* поверх баннера: одна строка с прокруткой и светлая подложка — текст читается на фото */
  body:has(main.izd) .dx-breadcrumbs ol,.dx-breadcrumbs:has(~ .hero-section) ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;
    width:max-content;max-width:calc(100% - 24px);margin:0 12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  body:has(main.izd) .dx-breadcrumbs ol::-webkit-scrollbar,.dx-breadcrumbs:has(~ .hero-section) ol::-webkit-scrollbar{display:none}
  .dx-breadcrumbs:has(~ .hero-section)~.hero-section{padding-top:52px}
}

/* старое меню больше не выводится */
.nav-dimitex,.dx-nav-wrap{display:none!important}