/* ══════════════════════════════════════════════════════════════
   ЕДИНЫЙ CSS ФУТЕРА САЙТА (кроме админ-панели и hub-панели).
   Стили взяты из home.css / home.html.
   Подключается вместе с header.css на каждой странице.
   Не дублировать эти правила в css отдельных страниц!
   ══════════════════════════════════════════════════════════════ */

footer.site-footer{
  border-top:1px solid var(--border-default);
  padding:60px 120px 0;
  margin-top:0;
  position:relative;
}
.cta + footer.site-footer{border-top:none;}

.footer-grid{
  max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;
}
.footer-brand .brand{display:flex;align-items:center;gap:10px;font-weight:400;font-size:15px;letter-spacing:0.5px;color:var(--text);}
.footer-brand .brand .mark{width:30px;height:30px;border-radius:8px;object-fit:contain;flex-shrink:0;}
.footer-brand p{color:#9BA1AE;font-size:13px;line-height:1.5;margin:12px 0 18px;max-width:300px;}
.socials{display:flex;gap:10px;}
.social{
  width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;font-size:14px;color:#a7c4d8;
}
.social svg{display:block;}
.social img{display:block;width:16px;height:16px;object-fit:contain;}
.footer-col h4{font-size:13px;font-weight:400;margin-bottom:16px;color:var(--text);}
.footer-col a{display:block;color:#9BA1AE;font-size:13px;margin-bottom:11px;transition:color .2s;text-decoration:none;}
.footer-col a:hover{color:#E2E2E5;}
.footer-col .footer-link-btn{
  display:block;background:none;border:none;padding:0;margin:0 0 11px;
  font-family:inherit;color:#9BA1AE;font-size:13px;text-align:left;
  cursor:pointer;transition:color .2s;
}
.footer-col .footer-link-btn:hover{color:#E2E2E5;}

.footer-bottom{
  position:relative;
  margin:0 -120px;
  padding:24px 120px;
  text-align:center;
  color:#9BA1AE;
  font-size:13px;
  font-family:'Rubik', sans-serif;
  line-height:1.6;
}
.footer-bottom::before{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:1200px;
  max-width:calc(100% - 40px);
  height:1px;
  background:var(--border-default);
}
.footer-bottom a{color:rgba(255,255,255,0.55);text-decoration:none;}

@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
}
@media (max-width:560px){
  .footer-grid{grid-template-columns:1fr;gap:26px;text-align:left;}
  footer.site-footer{padding:50px 20px 0;}
  .footer-bottom{margin:0 -20px;padding:24px 20px;}
}