/* Поверх стилей замороженного прототипа: страница живёт на реальном
   устройстве, а не в рамке-эмуляторе dev-панели. Подключается последним. */

/* 1. Реальный телефон: убрать рамку-телефон прототипа */
body.mob .device {
  max-width: none; height: auto; border: 0; border-radius: 0;
  margin: 0; padding: 0; overflow: visible; box-shadow: none; display: block;
}
body.mob .wrap { overflow-y: visible; display: block; height: auto; }
body { background: #fff; }

/* 2. Кнопки-действия стали ссылками на калькуляторы */
a.act { display: inline-block; text-decoration: none; text-align: center; }
a.act.main { color: #fff; }
span.act[aria-disabled="true"] { opacity: .55; cursor: default; display: inline-block; }
.act .actnote { display: block; font-size: 12px; font-weight: 400; opacity: .85; }

/* 3. Бургер открывает меню разделов (в эталоне-прототипе он был муляжом) */
.burger { cursor: pointer; }
body.mob .sitemenu.open {
  display: flex; flex-direction: column; gap: 6px;
  border-bottom: 1px solid var(--line); padding-bottom: 8px; margin-bottom: 10px;
}
body.mob .sitemenu.open .mcall { margin-left: 0; }

/* 4. Ссылка «Перезвоните мне» */
a.mcall { text-decoration: none; }

/* 5. Выпадающие группы верхнего меню (дерево из справочника «Навигация и подвал») */
.sitemenu .navgroup { position: relative; }
.sitemenu .navgroup > a::after { content: " ▾"; font-size: 10px; }
.sitemenu .navgroup .dropdown {
  display: none; position: absolute; left: 0; top: 100%; z-index: 30;
  min-width: 230px; padding: 8px 0; background: #fff;
  border: 1px solid var(--line); border-radius: 8px;
  box-shadow: 0 8px 22px rgba(27, 27, 27, .12);
}
.sitemenu .navgroup .dropdown a { display: block; padding: 6px 14px; }
.sitemenu .navgroup .dropdown a:hover { background: var(--soft); }
.sitemenu .navgroup:hover .dropdown,
.sitemenu .navgroup:focus-within .dropdown { display: block; }
body.mob .sitemenu .navgroup .dropdown {
  position: static; border: 0; box-shadow: none; padding: 0 0 0 14px; display: block;
}

/* 6. Подвал колонками, как на действующем сайте academperevod.ru */
footer.podval[data-b] {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 16px; align-items: start;
}
.podval .pcol { display: grid; gap: 4px; align-content: start; }
.podval .pcol > strong { color: var(--ink); font-size: 14px; margin-bottom: 2px; }
body.mob footer.podval[data-b] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 7. Нижняя панель действий: ссылки вместо кнопок-муляжей */
.bottombar a {
  flex: 1 1 20%; display: flex; flex-direction: column; align-items: center;
  gap: .1rem; color: var(--ink); text-decoration: none; padding: .2rem 0;
  font-size: var(--fs-sec);
}
.bottombar a .bi { font-size: var(--fs-h3); line-height: 1; }