/* Часть каркаса, которая на проде живёт внутри shadow-корня.

   Подключается только там, где прод изолирует шапку с подвалом, — это
   19 маршрутов из 21. На /about/ и /contacts/ каркас вынесен в обычный DOM,
   эти правила туда не доезжают, и страницы выглядят иначе: правовая строка
   без оформления, нижней панели нет. Разбор — FINDINGS 11, вопрос клиенту —
   QUESTIONS. Здесь эти два блока и лежат отдельно, чтобы не тащить их на все
   страницы подряд и не ломать совпадение двух уже принятых.

   Правила перенесены как есть из atri-dent-header-footer.js.

   Подпись агентства исключена из правила по span: в исходнике это
   веб-компонент <atri-dent-agency-credit> со своим shadow-корнем, селекторы
   .footer-legal span туда не доставали. Исключение повторяет ту же границу —
   иначе внутренняя строка получает 12px вместо 11.5px и переносится на
   другом слове. */

.footer-legal{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.footer-legal a,.footer-legal span:not(.footer-agency-slot):not(.footer-agency-slot *){display:inline-flex;align-items:center;gap:7px;margin:0!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;line-height:1.35;text-decoration:none}
.footer-legal a:hover{color:#fff!important}
.footer-legal small{padding:3px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.48);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){
  .footer-legal{display:grid;gap:11px;margin-top:28px}
  .footer-legal a,.footer-legal span:not(.footer-agency-slot):not(.footer-agency-slot *){justify-content:space-between}
}


/* Нижняя панель навигации на узких экранах.

   Жила в shadow-корне шапки (atri-dent-header-footer.js) и есть на 19
   страницах прода из 21 — нет только на /about/ и /contacts/, где каркас
   вынесен в обычный DOM. Правила перенесены как есть, без правок. */
@media (max-width: 900px) {
  .atri-mobile-dock{position:fixed;z-index:80;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));border:1px solid #e7e1db;border-radius:18px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(36,31,49,.16)}
  .atri-mobile-dock a,.atri-mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:52px;padding:0 3px;border:0;background:transparent;color:#363139;font:600 9px/1.15 Manrope,"Segoe UI",Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
  .atri-mobile-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .atri-mobile-dock .atri-dock-menu{position:static;width:auto;height:52px;margin:0;border-radius:0;background:transparent;color:#363139;box-shadow:none}
  .atri-mobile-dock .atri-dock-menu svg{box-sizing:content-box;width:18px;height:18px;padding:7px;border-radius:50%;background:#f0733f;color:#fff;stroke:#fff;box-shadow:0 6px 14px rgba(216,93,45,.28)}
  .atri-mobile-dock-panel{position:fixed;z-index:79;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));left:12px;display:none;max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));padding:14px;overflow-y:auto;border:1px solid #e4ded7;border-radius:18px;background:#fff;box-shadow:0 20px 54px rgba(36,31,49,.18)}
  .atri-mobile-dock-panel.is-open{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .atri-mobile-dock-panel a{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:11px;background:#f6f3ee;color:#302b34;font-size:13px;font-weight:600;text-decoration:none}
  .atri-mobile-dock-panel a:last-child{grid-column:1/-1;justify-content:center;background:#f0733f;color:#fff}
}
@media (min-width: 901px) {
  .atri-mobile-dock,.atri-mobile-dock-panel{display:none}
}