/* Align the visible product edge with the warning frame, allowing for the
   hero asset's white margin. Preserve the stacked phone layout. */
@media (min-width: 641px) {
  .hero {
    background-position: center, right max(0px, calc((100vw - 1080px) / 2 - 32px)) center;
  }
}