/* bk-ux-1030: шапка, меню разделов, липкая панель, тап-цели, контраст. deep-upgrade-1030 / unit chrome-entity.
   Цвета сайта: #013243 (тёмный), #00556b (бирюза), #D7B709 (золото), #857100 (золото на белом, 4.8:1). */

/* ---------- все ширины ---------- */
.bk-svc-cb{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}
.bk-svc-lbl,.bk-bar{display:none}
.leftt ul li a.active{color:#857100!important}
.kroshki>div{width:auto!important;max-width:1000px;box-sizing:border-box;padding:0 16px}
.kroshki{height:auto!important;display:flow-root}
.kroshki ul{float:none!important;margin:0!important;padding:6px 0!important;font-size:14px!important;overflow:hidden;text-transform:none!important}
.kroshki li{font-size:14px!important;line-height:1.5}
.kroshki li a{display:inline-block;padding:2px 0;text-decoration:underline;text-decoration-color:rgba(215,183,9,.6);text-underline-offset:3px}
.ddd{box-sizing:border-box;min-width:0}
.footer .fd p{font-size:14px!important}
html body #EmailForm label[for="cfConsent"]{font-size:16px!important;line-height:1.4!important}
html body #EmailForm,html body #EmailForm input,html body #EmailForm textarea{box-sizing:border-box;max-width:100%}
.bk-upd,.bk-fz-art,.cont .lefts small{font-size:14px!important}
.header .lang-switch a{font-size:14px!important}
.header .social-link{cursor:pointer}
.header .social-link:focus-visible,.bk-bar a:focus-visible,.bk-bar [role=link]:focus-visible,.bk-svc-cb:focus-visible+.bk-svc-lbl{outline:3px solid #D7B709;outline-offset:-3px}
.mmix a{display:inline-block}

/* ---------- десктоп: тап-цели шапки ---------- */
@media screen and (min-width:801px){
  .header #block5 a{display:inline-block;min-height:24px;line-height:24px}
  .bk-hdr5 #block5 a{font-size:15px}
  .bk-hdr111>.content{position:relative}
  .bk-hdr5 #block3 .h3{line-height:1.25;text-align:right;font-size:14px!important}
  .header .lang-switch a{min-height:32px;box-sizing:border-box;display:inline-flex;align-items:center}
}

/* ---------- мобиле и планшет ≤800 ---------- */
@media screen and (max-width:800px){
  html body .header{min-height:0!important;box-sizing:border-box}
  html body .bk-hdr5{height:118px}
  html body .bk-hdr111{height:68px;background-attachment:scroll!important}
  html body .bk-hdr111 a.fancybox,html body .bk-hdr111 #block2,html body .bk-hdr111 #block3{display:none!important}
  html body .bk-hdr111~.bk-svc-lbl{margin-top:68px}
  html body .bk-hdr5~.bkh-top{padding-top:118px}
  /* логотип */
  html body .header .logo_site{left:14px!important;top:10px!important;width:130px!important;max-width:34%!important;height:auto!important;padding:0!important}
  /* бургер: та же иконка 30×20, зона касания 44×44 */
  html body .header_burger{box-sizing:content-box;width:30px!important;height:20px!important;border:12px solid transparent;border-left-width:7px;border-right-width:7px;right:8px!important;top:10px!important;cursor:pointer;z-index:22!important;-webkit-tap-highlight-color:transparent}
  /* РУС / УКР */
  html body .header .lang-switch{position:fixed!important;top:10px!important;right:60px!important;left:auto!important;gap:6px!important;z-index:21!important}
  html body .header .lang-switch a{min-width:44px;min-height:44px;box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;padding:0 8px!important;font-size:14px!important}
  /* телефоны: вторая строка, две кнопки по 44 px */
  html body .bk-hdr5 #block5{position:fixed!important;top:64px!important;left:14px!important;right:14px!important;width:auto!important;margin:0!important;min-height:0}
  html body .bk-hdr5 #block5 p{display:flex;width:100%!important;box-sizing:border-box;gap:8px;margin:0!important;padding:0 0 0 0!important;background:none!important;font-size:16px!important;line-height:1}
  html body .bk-hdr5 #block5 p br{display:none}
  html body .bk-hdr5 #block5 a{flex:1 1 0;display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 6px;box-sizing:border-box;border:1px solid rgba(215,183,9,.75);border-radius:6px;background:rgba(1,50,67,.55);color:#fff!important;font-size:16px!important;font-weight:bold;letter-spacing:.02em;white-space:nowrap}
  html body .bk-hdr5 #block5 a:before{content:"";width:16px;height:16px;flex:0 0 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D7B709' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat}

  /* открытое бургер-меню: языки и крестик отдельной строкой сверху, телефоны над нижней панелью */
  html body .top1.active{padding:72px 0 150px!important;overflow-y:auto;box-sizing:border-box}
  html body .top1.active .headmenu ul{margin-top:0!important}
  html body .top1.active .headmenu ul li{padding-bottom:22px!important}
  html body .bk-hdr5 .top1.active~#block5{z-index:21;top:auto!important;bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}

  /* меню разделов: «Послуги ▾» */
  .bk-svc-lbl{display:none;box-sizing:border-box;width:100%;min-height:56px;margin:118px 0 0;padding:0 16px;align-items:center;justify-content:space-between;gap:12px;background:#013243;color:#fff;border-bottom:3px solid #D7B709;font-size:19px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
  .bk-svc-lbl b{font-weight:normal}
  .bk-svc-lbl i{font-style:normal;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
  .bk-svc-lbl i:before{content:"";width:8px;height:8px;border-right:2px solid #D7B709;border-bottom:2px solid #D7B709;transform:translateY(-2px) rotate(45deg)}
  .bk-svc-cb:checked+.bk-svc-lbl i{transform:rotate(180deg)}

  /* форма на контактах: без вылета за экран */
  html body .left_2{box-sizing:border-box;max-width:100%}
  html body h2#ee{font-size:22px!important;width:auto!important;margin-left:0!important}
  /* нижняя липкая панель */
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}
  .bk-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#013243;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -4px 16px rgba(1,50,67,.25)}
  .bk-bar>*{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:56px;color:#fff!important;text-decoration:none!important;font-size:14px;line-height:1;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:rgba(215,183,9,.25)}
  .bk-bar>*+*{border-left:1px solid rgba(255,255,255,.12)}
  .bk-bar img,.bk-bar svg{width:22px;height:22px;flex:0 0 22px;padding:0!important;margin:0!important;position:static!important}
  .bk-bar .bk-bar__call{flex-grow:1.35;background:#D7B709;color:#013243!important;font-weight:bold;text-transform:uppercase;border-left:0}
  .bk-bar .bk-bar__form{background:#00556b;font-weight:bold;text-transform:uppercase}
}
@media screen and (max-width:800px) and (min-width:600px){
  /* одна строка шапки: телефоны между логотипом и языками */
  html body .bk-hdr5{height:68px}
  html body .bk-hdr5 #block5{top:12px!important;left:170px!important;right:170px!important}
  html body .bk-hdr5 #block5 p{justify-content:center}
  html body .bk-hdr5 #block5 a{max-width:210px}
  .bk-hdr5~.bk-svc-lbl{margin-top:68px}
  html body .bk-hdr5~.bkh-top{padding-top:68px}
  html body .bk-hdr5 .top1.active~#block5{left:16px!important;right:16px!important}
}
@media screen and (max-width:359px){
  html body .bk-hdr5 #block5 a{font-size:14px!important;gap:4px;padding:0 4px}
  html body .bk-hdr5 #block5 a:before{display:none}
  html body .header .lang-switch a{min-width:44px;padding:0 4px!important}
  .bk-bar>*{font-size:12.5px}
}
/* сворачивание — только там, где браузер умеет :has (иначе меню остаётся раскрытым, как было) */
@supports selector(:has(+ *)){
  @media screen and (max-width:800px){
    .bk-svc-lbl:has(+ menu){display:flex}
    html body .bk-svc-cb~menu{padding-top:0!important;min-height:0!important}
    html body .bk-svc-cb:not(:checked)~menu .ahka{display:none!important}
    html body .bk-svc-cb~menu .ddd{min-height:0!important;float:none;width:100%;padding:14px 16px!important;font-size:20px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;text-align:left}
    html body .bk-svc-cb~menu .ddd br{display:none}
    html body .bk-svc-cb~menu .ddd p{text-transform:uppercase;padding:0!important;margin:0!important;font-size:19px!important;letter-spacing:.03em}
    html body .bk-svc-cb~menu .ddd p>span:first-of-type{margin-left:.3em}
    html body .bk-svc-cb~menu .ddd p>span:only-child{margin-left:0}
    html body .bk-svc-cb~menu .ddd p,html body .bk-svc-cb~menu .ddd span{position:static!important;top:auto!important}
    html body .bk-svc-cb~menu .content{width:auto!important;display:block}
    html body .bk-svc-cb~menu .ahka{display:block}
  }
}
@media (prefers-reduced-motion:reduce){.bk-svc-lbl i{transition:none}}
/* подпись MMIX: логотип на светлой плашке (тёмный вордмарк на тёмном подвале не читается) */
/* qa-visual 31.10: у логотипа MMIX белый вордмарк — светлая плашка его прятала и наезжала на подпись; плашку сняли, подпись без сдвига left:25px */
.footer .mmix a{line-height:0}
.footer .mmix p{left:0!important;margin-right:10px!important}
html body #EmailForm,html body #bk-cta-form{scroll-margin-top:140px}

/* qa-visual 31.10 */
/* дата обновления услуг — шрифтом сайта */
html body .bk-upd-t9{font-family:'PT Sans Narrow','PT Sans Narrow Fallback',Arial,sans-serif;font-size:15px}
@media screen and (max-width:800px){
  /* vnutri.css: ul{font-size:150%!important} делал списки в тексте 24px при абзацах 14–16px */
  html body .lefts ul:not([class]),html body .lefts ul:not([class]) li,html body .cont ul:not([class]) li{font-size:16px!important;line-height:1.5}
  html body .lefts ul:not([class]) li{margin-bottom:6px}
  /* вступление над формой контактов: .left_1 30px → абзац 24px крупнее заголовка */
  html body .left_1 p{font-size:17px!important;line-height:1.5!important}
  /* главная: меню разделов под героем — компактные строки, как раскрытое «Послуги» на внутренних */
  html body .bkh-top>menu{min-height:0!important;padding:0!important}
  html body .bkh-top>menu .content-menu{width:auto!important;display:block}
  html body .bkh-top>menu .ahka{display:block}
  html body .bkh-top>menu .ddd{min-height:0!important;height:auto!important;float:none;width:100%!important;padding:14px 16px!important;font-size:20px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;text-align:left;box-sizing:border-box}
  html body .bkh-top>menu .ddd br,html body .bkh-top>menu .ddd img{display:none}
  html body .bkh-top>menu .ddd p{text-transform:uppercase;padding:0!important;margin:0!important;font-size:19px!important;letter-spacing:.03em}
  html body .bkh-top>menu .ddd p>span:first-of-type{margin-left:.3em}
  html body .bkh-top>menu .ddd p>span:only-child{margin-left:0}
  html body .bkh-top>menu .ddd p,html body .bkh-top>menu .ddd span{position:static!important;top:auto!important}
}