/* The original currency spans remain as a no-WebGL/loading fallback. */
#hero-fx .fx-3d-canvas { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; opacity:.22; }
#hero-fx.fx-3d-ready > .fx-cur { visibility:hidden; }
@media (prefers-reduced-motion:reduce) {
  #hero-fx .fx-cur { animation:none !important; }
}

/* Keep the 3D layer visible in split panes and on phones, overriding legacy rules. */
#hero-fx { display:block !important; }
@media (max-width:1240px) {
  #hero-fx + div > h1, #hero-fx + div > p { max-width:82% !important; }
  #hero-fx .fx-3d-canvas { opacity:.20; }
}

@media (max-width:640px) {
  #hero-fx .fx-3d-canvas { opacity:.22; }
  #hero-fx > .fx-cur { left:var(--mobile-x,8%)!important;right:auto!important;top:var(--mobile-y,12%)!important;font-size:var(--mobile-size,24px)!important;transform:translate(-50%,-50%);animation:none!important; }
  #hero-fx > .fx-cur:nth-child(2) { top:var(--mobile-y,43%)!important; }
  #hero-fx > .fx-cur:nth-child(4) { top:var(--mobile-y,72%)!important; }
  #hero-fx > .fx-cur:nth-child(5) { left:var(--mobile-x,92%)!important; }
  #hero-fx > .fx-cur:nth-child(6) { left:var(--mobile-x,92%)!important;top:var(--mobile-y,43%)!important; }
  #hero-fx > .fx-cur:nth-child(8) { left:var(--mobile-x,92%)!important;top:var(--mobile-y,72%)!important; }
}

/* Hide the old inner symbols in the loading/no-WebGL fallback as well. */
#hero-fx > .fx-cur:nth-child(3), #hero-fx > .fx-cur:nth-child(7) { display:none; }
#hero-fx > .fx-cur { opacity:.12 !important; }

#calculator, #zayavka { scroll-margin-top:90px; }