/* ——— Барьер case: overrides on top of the shared case.css ——— */
/* Only the visuals that differ from Нефтьмагистраль live here; structure,
   layout and animation stay identical to case.css. */

/* brand accent — Барьер blue instead of the Нефтьмагистраль red. Linked only
   on this page, so it recolours every var(--nm-red) usage (selection,
   eyebrows, hover states, arrows) here without touching the other cases. */
:root{ --nm-red:#0E5BA6; }

/* the soft warm glow behind the phone is the brand circular backdrop
   (keeps the same 70vh box so the JS centering offset — H*0.35 — still
   lands it dead-centre behind the phone). */
#nm-glow{
  background:url("../files/projects/barrier/glow-circle.webp") center center / contain no-repeat;
  filter:none;
  border-radius:0;
}

/* four-screen showcase sits on the brand deep-blue so any edge matches the
   opaque bar.webp composite instead of the neftmagistral dark band. */
#nm-fourshots{ background:#00386f; }

/* Барьер is an internal B2B app with no public store listing, so the
   "ПРИЛОЖЕНИЕ В СТОРАХ" aside is removed on this page. Collapse the process
   body to a single column so the steps list spans the full width instead of
   leaving the (now empty) right-hand store column. */
.nm-process-body{ grid-template-columns:1fr; }

/* mobile stacked showcase — the подложка behind each phone is the brand
   circular backdrop (matching the desktop #nm-glow), not the warm
   Нефтьмагистраль circle from the shared case.css. */
@media (max-width:880px){
  .nmm-glow{
    background:url("../files/projects/barrier/glow-circle.webp") center/contain no-repeat;
  }
}