/* Единая сборка раздела: контейнер страницы ЖК внутри страницы раздела и полоска загрузки. */
#view-prj[hidden] { display: none !important; }

.vpage { animation: vpage-in .18s ease-out both; }
@keyframes vpage-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .vpage { animation: none; } }

/* тонкая полоска сверху: видно, что страница проекта собирается */
.vbar { position: fixed; inset: 0 0 auto 0; height: 2px; z-index: 300; overflow: hidden; background: rgba(18, 19, 26, .08); }
.vbar i { display: block; height: 100%; width: 40%; background: #E8850C; animation: vbar 1s linear infinite; }
@keyframes vbar { from { transform: translateX(-100%); } to { transform: translateX(300%); } }

/* плашка «вышла новая версия»: как на основном сайте, но в нашем наборе цветов */
.verbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 12000;
  display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
  background: #12131A; color: #fff; font: 500 13px/1.4 var(--font-body, system-ui);
  box-shadow: 0 -2px 16px rgba(18, 19, 26, .25);
}
.verbar button { font: 700 13px/1 var(--font-body, system-ui); cursor: pointer; border-radius: 9px; padding: 8px 16px; }
.verbar__go { border: 0; background: #E8850C; color: #fff; }
.verbar__later { border: 1px solid rgba(255,255,255,.4); background: transparent; color: #fff; font-weight: 500; }
@media (max-width: 520px) { .verbar { font-size: 12.5px; gap: 8px; } }

/* пока плашка висит, липкая полоса контактов стоит НАД ней, а не под */
@media (max-width: 760px) {
  body.has-verbar .dock { bottom: var(--verbar-h, 0px); }
  body.has-verbar .mfold { margin-bottom: var(--verbar-h, 0px); }
}