/* Shared site chrome. All pages render the same markup from site-shell.js. */
site-header{display:block;position:sticky;top:0;z-index:50}
site-header .header{position:relative;top:auto;z-index:auto}
site-footer{display:block}
site-header .header-inner{display:flex;align-items:center;gap:32px;padding:16px 28px;max-width:var(--max);margin:0 auto}
site-header .logo{display:flex;align-items:baseline;gap:10px;flex-shrink:0}
site-header .logo-mark{font-size:22px}
site-header .nav{display:flex;gap:4px;margin-left:18px}
site-header .nav a{padding:8px 14px;font-size:14px;font-weight:500}
site-header .header-right{display:flex;align-items:center;gap:20px;margin-left:auto}
site-header .phones{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
site-header .phones .ph1,
site-header .phones .ph2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:var(--paper)}
site-header .phones .ph2{margin-top:3px}
site-header .menu-btn{display:none}
site-footer .footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media(max-width:960px){
  site-header .header-inner{position:relative;gap:16px;padding:14px 20px}
  site-header .header-right{gap:10px}
  site-header .phones{display:none}
  site-header .header-right .btn{padding:12px 18px;font-size:14px}
  site-header .nav{display:none}
  site-header .header.menu-open .nav{display:flex;position:absolute;top:calc(100% + 10px);left:20px;right:20px;z-index:60;flex-direction:column;gap:6px;margin:0;padding:12px;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -24px rgba(0,0,0,.8)}
  site-header .header.menu-open .nav a{padding:13px 14px;border-radius:10px}
  site-header .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:10px;color:var(--paper)}
  site-footer .footer-top{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:520px){
  site-header .header-inner{gap:10px;padding:12px 16px}
  site-header .header.menu-open .nav{left:16px;right:16px}
  site-header .logo{min-width:0;gap:8px}
  site-header .logo-mark{font-size:17px}
  site-header .logo-sub{display:none}
  site-header .header-right{gap:8px}
  site-header .header-right .btn{padding:10px 14px;font-size:13px;min-width:auto;gap:8px}
  site-header .header-right .btn svg{width:13px;height:13px}
  site-header .menu-btn{width:38px;height:38px}
  site-footer .footer-top{grid-template-columns:1fr}
}