/* Общие шапка и подвал всех страниц сайта (решение Ромы 02.11). Источник: templates/map-leads/site-chrome/,
   вставляет scripts/map-leads/site_chrome.py. Цвета и размеры взяты из home-v4.css. */
html{scroll-padding-top:96px}
.sc-header,.sc-footer{font-family:'Onest',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#111827;line-height:1.5}
.sc-header a,.sc-footer a{color:inherit;text-decoration:none}
.sc-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #edf0f5}
.sc-bar{width:min(1200px,calc(100% - 64px));margin:auto;height:80px;display:flex;align-items:center;gap:36px}
.sc-logo{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:750;letter-spacing:-1.4px;color:#111827}
.sc-logo svg{width:30px;height:36px;fill:none;stroke:currentColor;stroke-width:2.5}
.sc-nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:15px;font-weight:500}
.sc-nav>a:not(.sc-btn){position:relative;padding:8px 0;color:#25303e}
.sc-nav>a:not(.sc-btn):hover{color:#2688c2}
.sc-nav>a[aria-current="page"]{color:#111827}
.sc-nav>a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#2688c2}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap}
.sc-btn-dark{background:#10151b;color:#fff!important}
.sc-btn-dark:hover{background:#242d3b}
.sc-btn-line{border:1px solid #d5deea;color:#111827}
.sc-in-menu,.sc-short,.sc-menu{display:none}
.sc-menu{width:44px;height:44px;border:0;border-radius:12px;background:none;padding:0;cursor:pointer;position:relative;color:#111827}
.sc-menu span,.sc-menu span::before,.sc-menu span::after{position:absolute;left:11px;width:22px;height:2px;border-radius:2px;background:currentColor;content:"";transition:transform .2s,opacity .2s}
.sc-menu span{top:21px}
.sc-menu span::before{left:0;top:-7px}
.sc-menu span::after{left:0;top:7px}
.sc-header.is-open .sc-menu span{background:transparent}
.sc-header.is-open .sc-menu span::before{transform:translateY(7px) rotate(45deg)}
.sc-header.is-open .sc-menu span::after{transform:translateY(-7px) rotate(-45deg)}
.sc-header :focus-visible,.sc-footer :focus-visible{outline:2px solid #2688c2;outline-offset:3px;border-radius:6px}

.sc-footer{background:#eff9ff;padding:44px 0 28px;font-size:14px}
.sc-wrap{width:min(1200px,calc(100% - 64px));margin:auto}
.sc-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:40px}
.sc-brand p{max-width:290px;margin:14px 0 0;color:#4b5873}
.sc-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.sc-footer nav a{padding:5px 0;color:#25303e}
.sc-footer nav a:hover{color:#2688c2}
.sc-title{margin:0 0 8px;font-size:16px;font-weight:650;color:#111827}
.sc-all{font-weight:500;color:#2688c2!important}
.sc-soon{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:#fff3c4;color:#6b5300;font-size:12px;font-weight:600;vertical-align:1px}
.sc-legal{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;border-top:1px solid #dceaf3;margin-top:36px;padding-top:20px;font-size:13px;color:#667a99}
.sc-legal-links{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap}
.sc-legal-links a,.sc-legal button{color:#667a99}
.sc-legal button{border:0;padding:0;background:none;font:inherit;cursor:pointer}
.sc-legal a:hover,.sc-legal button:hover{color:#25303e}

@media(max-width:1000px){.sc-grid{grid-template-columns:1fr 1fr;gap:32px 40px}}
/* Четыре пункта шапки в одну строку помещаются от 900 px, уже — меню за кнопкой. */
@media(max-width:900px){
  .sc-logo{margin-right:auto}
  .sc-bar{gap:16px}
  .sc-menu{display:block;margin-right:-8px}
  .sc-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 18px 20px;background:#fff;border-bottom:1px solid #edf0f5;box-shadow:0 18px 30px rgba(30,48,80,.10);font-size:17px}
  .sc-header.is-open .sc-nav{display:flex}
  .sc-nav>a:not(.sc-btn){padding:14px 0;border-bottom:1px solid #edf0f5}
  .sc-nav>a[aria-current="page"]::after{display:none}
  .sc-nav>a[aria-current="page"]{color:#2688c2}
  .sc-in-menu{display:flex;margin-top:16px;min-height:52px;font-size:16px}
}
@media(max-width:650px){
  html{scroll-padding-top:84px}
  .sc-bar,.sc-wrap{width:calc(100% - 36px)}
  .sc-bar{height:68px;gap:10px}
  .sc-logo{font-size:23px}
  .sc-logo svg{width:27px;height:32px}
  .sc-cta{min-height:44px;padding:10px 16px;font-size:14px}
  .sc-long{display:none}
  .sc-short{display:inline}
  .sc-footer{padding:36px 0 24px}
  .sc-grid{grid-template-columns:1fr;gap:28px}
  .sc-footer nav a{padding:12px 0}
  .sc-legal,.sc-legal-links{flex-direction:column;align-items:flex-start;gap:0}
  .sc-legal-links a,.sc-legal button{padding:12px 0}
}
@media(prefers-reduced-motion:reduce){.sc-menu span,.sc-menu span::before,.sc-menu span::after{transition:none}}