/* v6.9.352 — desktop hero zoom/position lock. */
@media (min-width:1181px){
  /* Keep both side overlays tied to the same vertical anchor as the product stage. */
  .hero#home .hero-copy{
    top:55%!important;
    transform:translateY(-42%)!important;
  }

  /* v6.9.351's +24px adjustment replaced the panel's centring transform.
     Combine the lower offset with the original centring instead. */
  .hero#home .hero-feature-panel.showroom-v199{
    top:55%!important;
    transform:translateY(calc(-43% + 24px))!important;
    margin-top:0!important;
  }

  /* Centre the arrow rail on the portal and cap its width so browser zoom
     cannot push the controls toward the outer edges of the hero. */
  .hero#home .stage-image-mode .arrows{
    inset:auto auto 47% 50%!important;
    left:50%!important;
    right:auto!important;
    width:clamp(620px,44vw,900px)!important;
    transform:translateX(-50%)!important;
    justify-content:space-between!important;
  }
}

/* At very wide CSS viewports (including zoomed-out Full-HD screens), keep the
   overlays visually inside the active gold stage rather than drifting upward. */
@media (min-width:2200px){
  .hero#home .hero-copy,
  .hero#home .hero-feature-panel.showroom-v199{
    top:57%!important;
  }
  .hero#home .stage-image-mode .arrows{
    width:820px!important;
  }
}
