/* ——— SalamPay 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 — SalamPay teal instead of the Нефтьмагистраль red.
   This file is linked only on the SalamPay page, so it recolours every
   var(--nm-red) usage (selection, eyebrows, hover states, arrows) here
   without touching the Нефтьмагистраль case. */
:root{ --nm-red:#4E8FAC; }

/* the soft warm glow behind the phone is replaced by the brand
   calligraphy medallion (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/salampay/pattern_salam.webp") center center / contain no-repeat;
  filter:none;
  border-radius:0;
}

/* four-screen showcase sits on the brand teal so any edge matches the
   opaque teal composite instead of the neftmagistral dark band. */
#nm-fourshots{ background:#4e8fac; }

/* hero wordmark + tagline styling now lives in the shared case.css so
   Гольфстрим and Томато match SalamPay's larger hero treatment. */

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