/* Общий подвал AVAT, как на эталонной странице (/services/ai-agents/). Подключается на всех страницах
   общим блоком головы (_site_head_block.html). Селекторы с footer.avat-footer, чтобы перекрыть старые стили
   страниц (styles.css, components.css): золотые подписи, анимированный знак, свои колонки.
   Верх скруглён 44 px (телефон 28): подвал «тёмная глава» в конце страницы. На главной и эталоне над подвалом
   уже стоит скруглённый финальный блок, там скругление снимает site.css. */
footer.avat-footer { display: block; position: relative; margin: 0; padding: 64px 0 28px; border: 0; border-radius: 44px 44px 0 0;
  background: #111C23; color: #B2C3CC; font: 400 12px/1.6 AvatInter, Inter, Arial, sans-serif; text-align: left; -webkit-font-smoothing: antialiased; }
footer.avat-footer::before, footer.avat-footer::after { content: none; }
/* поля как на эталоне: у страниц разные контейнеры, у брендбука своего нет */
footer.avat-footer > .container { box-sizing: border-box; width: 100%; max-width: 1940px; margin: 0 auto; padding: 0 clamp(24px, 5.3vw, 136px); }
footer.avat-footer a { color: inherit; text-decoration: none; text-align: inherit; font-size: inherit; }
footer.avat-footer .footer-col a:hover, footer.avat-footer .footer-col a:focus-visible { color: #EEF2F3; }
footer.avat-footer a:focus-visible { outline: 2px solid #EEF2F3; outline-offset: 3px; }
footer.avat-footer .mono { font-family: inherit; font-feature-settings: normal; }
footer.avat-footer .footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 40px; margin: 0; }
footer.avat-footer .footer-col { display: block; min-width: 0; font-size: 12px; }
footer.avat-footer .footer-col > a { display: block; margin: 0 0 10px; padding: 0; text-align: left; }
footer.avat-footer .logo { display: block; width: 135px; margin: 0; padding: 0; gap: 0; background: none; color: #F6F7F7; font: inherit; letter-spacing: 0; animation: none; filter: none; }
footer.avat-footer .logo svg { display: block; width: 100%; height: auto; }
footer.avat-footer .logo:hover { opacity: .85; }
footer.avat-footer .footer-decode { margin: 20px 0; padding: 0; border: 0; font-size: 11px; line-height: 1.6; letter-spacing: 0; text-transform: none; }
footer.avat-footer .footer-decode div, footer.avat-footer .footer-decode div:first-child, footer.avat-footer .footer-decode div:last-child { color: #B2C3CC; }
footer.avat-footer .footer-tag { max-width: 250px; margin: 0; font-size: 12px; line-height: 1.8; color: #B2C3CC; }
footer.avat-footer .footer-label { margin: 0 0 22px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(238, 242, 243, .74); }
footer.avat-footer .footer-hours { display: block; margin-top: 15px; font-size: 11px; }
footer.avat-footer iframe { display: none; }
footer.avat-footer .footer-seo { margin-top: 40px; padding-top: 30px; border-top: 1px solid #33454F; columns: 2; column-gap: 60px; font-size: 11px; line-height: 1.9; color: #9CB1BD; }
footer.avat-footer .footer-seo p { margin: 0 0 12px; break-inside: avoid; }
footer.avat-footer .footer-seo strong { color: #C7D3D9; font-weight: 600; }
footer.avat-footer .footer-seo a, footer.avat-footer .footer-legal a { color: #C7D3D9; text-decoration: underline; text-underline-offset: 2px; }
footer.avat-footer .footer-legal { margin: 25px 0; font-size: 11px; line-height: 1.8; color: #9CB1BD; }
footer.avat-footer .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 25px; padding-top: 20px; border-top: 1px solid #33454F; font-size: 11px; letter-spacing: 0; color: #9CB1BD; }
footer.avat-footer .footer-directory { margin-top: 25px; border-top: 1px solid #33454F; }
@media (max-width: 1100px) { footer.avat-footer .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) {
  footer.avat-footer { padding-top: 48px; border-radius: 28px 28px 0 0; }
  footer.avat-footer .footer-grid { gap: 30px 20px; }
  footer.avat-footer .footer-col .logo { width: 110px; }
  footer.avat-footer .footer-col > a { display: flex; align-items: center; min-height: 44px; margin: 0; }
  footer.avat-footer .footer-seo { columns: 1; }
  footer.avat-footer .footer-bottom { flex-direction: column; gap: 12px; }
}
/* реквизиты: в шаблоне подвала свой встроенный стиль с золотым наведением, перекрываем */
footer.avat-footer .avat-legal-block { margin-top: 16px; font-size: 12px; line-height: 1.7; opacity: 1; color: #9CB1BD; }
footer.avat-footer .avat-legal-block a:hover { color: #EEF2F3; }