/* Шапка, меню и подвал сайта (как на zakluchenie.ekviz.ru). Вставляются скриптом site/layout.py. */
:root{--lay-dark:#00261c;--lay-green:#178a47;--lay-green-light:#aadfc0;--lay-text-2:#4f4f4f;--lay-line:#929292;--lay-head:84px}
.lay-head{position:sticky;top:0;z-index:1001;background:#fff;border-bottom:1px solid #efefef;font-family:"Roboto Condensed",system-ui,sans-serif}
.lay-head .lay-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--lay-head)}
.lay-wrap{width:100%;margin:0 auto;padding:0 24px}
@media (min-width:64rem){.lay-wrap{max-width:64rem}}
@media (min-width:80rem){.lay-wrap{max-width:80rem;padding:0 32px}}
@media (min-width:96rem){.lay-wrap{max-width:96rem}}

/* логотип */
.lay-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:#000}
.lay-logo svg{width:70px;height:48px;flex:none;color:var(--lay-dark)}
.lay-logo b{display:block;font-size:24px;font-weight:700;letter-spacing:.14em;line-height:1}
.lay-logo small{display:block;white-space:nowrap;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-top:5px;line-height:1.25;color:#000}

/* контакты в шапке */
.lay-right{display:flex;align-items:center;gap:24px}
.lay-contacts{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.lay-phone{font-weight:700;font-size:22px;line-height:1.1;color:#000;text-decoration:none;white-space:nowrap}
.lay-phone:hover{color:var(--lay-green)}
.lay-links{display:flex;align-items:center;gap:14px;font-size:15px}
.lay-links a{display:inline-flex;align-items:center;gap:5px;color:var(--lay-text-2);text-decoration:none}
.lay-links a:hover{color:var(--lay-green)}
.lay-links svg{width:16px;height:16px;color:var(--lay-green)}
.lay-lang{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#000;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:600}
.lay-burger{display:none;width:44px;height:44px;border:0;background:none;padding:8px;cursor:pointer}
.lay-burger span{display:block;height:2px;background:#000;margin:7px 0;transition:transform .2s,opacity .2s}
.lay-open .lay-burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.lay-open .lay-burger span:nth-child(2){opacity:0}
.lay-open .lay-burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

/* меню: разделы с подразделами */
.lay-nav{font-family:"Roboto Condensed",system-ui,sans-serif;text-transform:uppercase}
.lay-nav ul{list-style:none;margin:0;padding:0}
.lay-nav>ul>li{border-bottom:2px dashed var(--lay-line);position:relative}
.lay-nav>ul>li>a,.lay-sec{display:flex;align-items:center;width:100%;min-height:70px;padding:12px 40px 12px 52px;font:inherit;font-size:20px;line-height:1.15;color:#000;text-decoration:none;text-align:left;text-transform:uppercase;background:none;border:0;cursor:pointer;position:relative}
.lay-nav>ul>li>a::before,.lay-sec::before{content:"";position:absolute;left:52px;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--lay-green-light);z-index:-1}
.lay-sec::after{content:"";position:absolute;right:14px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);transition:transform .2s}
.lay-sec[aria-expanded=true]::after{transform:rotate(225deg);margin-top:-2px}
.lay-nav .lay-sub{display:none;padding:0 0 14px 52px}
.lay-nav .lay-sec[aria-expanded=true]+.lay-sub{display:block}
.lay-sub a{display:block;padding:7px 10px 7px 0;font-size:16px;line-height:1.2;color:var(--lay-text-2);text-decoration:none;text-transform:none}
.lay-sub a::first-letter{text-transform:uppercase}
.lay-nav a:hover,.lay-sec:hover{color:var(--lay-green)}
.lay-nav .is-active>a,.lay-sub a.is-active{color:var(--lay-green);font-weight:700}

/* место под шапку в старой раскладке */
@media (min-width:922px){
  .main-content .left-column{top:var(--lay-head);padding-top:40px;max-height:calc(100vh - var(--lay-head));overflow-y:auto;scrollbar-width:thin}
  .main-content .right-column{margin-top:56px}
}
@media (max-width:921px){
  .main-content .right-column{margin-top:16px!important;padding-top:0!important}
}
.left-column-mobile,.mobile-modal-menu,#app>.language-switcher{display:none!important}

/* мобильное меню */
.lay-mnav{display:none}
@media (max-width:921px){
  :root{--lay-head:64px}
  .lay-head .lay-wrap{padding:0 20px}
  .lay-logo{gap:9px}
  .lay-logo svg{width:40px;height:27px}
  .lay-logo b{font-size:17px}
  .lay-logo small{font-size:8.5px;letter-spacing:.03em;margin-top:3px}
  .lay-right{gap:6px}
  .lay-phone{font-size:15px}
  .lay-links{gap:10px;font-size:12px}
  .lay-links a.lay-mail{display:none}
  .lay-links svg{width:14px;height:14px}
  .lay-head .lay-lang{display:none}
  .lay-burger{display:block}
  .lay-mnav{position:fixed;left:0;right:0;top:var(--lay-head);bottom:0;z-index:1000;background:#f6f8f8;overflow-y:auto;padding:8px 16px 32px}
  .lay-open .lay-mnav{display:block}
  .lay-open{overflow:hidden}
  .lay-mnav .lay-nav>ul>li>a,.lay-mnav .lay-sec{min-height:58px;font-size:17px;padding-left:36px}
  .lay-mnav .lay-nav>ul>li>a::before,.lay-mnav .lay-sec::before{left:36px;width:18px;height:18px;margin:-9px 0 0 -9px}
  .lay-mnav .lay-nav .lay-sub{padding-left:36px}
  .lay-mnav-foot{display:flex;flex-direction:column;gap:10px;padding:24px 0 0;font-size:17px}
  .lay-mnav-foot a{color:#000;text-decoration:none}
  .lay-mnav .lay-links{flex-wrap:wrap;font-size:16px;gap:12px 18px}
  .lay-mnav .lay-links a.lay-mail{display:inline-flex}
  .lay-mnav .lay-links svg{width:18px;height:18px}
  .lay-mnav-foot .lay-phone{font-size:22px}
  .lay-mnav-foot .lay-lang{width:auto;height:auto;padding:8px 14px;align-self:flex-start;color:#fff}
}
@media (max-width:380px){
  .lay-logo small{display:none}
}

/* подвал */
.footer{display:none!important}
.lay-foot{background:#fff;color:#000;font:400 14px/1.5 "Roboto Condensed",system-ui,sans-serif;padding:28px 0;margin-top:80px;text-transform:uppercase;letter-spacing:.02em;border-top:1px solid #efefef;clear:both}
.lay-foot .lay-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.lay-foot .lay-logo svg{width:48px;height:32px}
.lay-foot .lay-logo b{font-size:17px}
.lay-foot .lay-logo small{font-size:10px}
.lay-foot a{color:#000;text-transform:none;text-decoration:none}
.lay-foot a:hover{color:var(--lay-green)}
.lay-foot .lay-links{font-size:14px}
.lay-foot-trust img{height:56px;width:auto}
@media (max-width:921px){
  .lay-foot{margin-top:40px}
  .lay-foot .lay-wrap{padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;align-items:start;font-size:13px}
  .lay-foot .lay-logo{grid-column:1/-1}
  .lay-foot .lay-links{flex-direction:column;align-items:flex-start;gap:6px}
  .lay-foot .lay-wrap>span:last-child{grid-column:1/-1}
}