/* Mobile layout override — separate filename prevents stale server/browser cache. */
@media (max-width: 820px) {
  #hero {
    display: block;
    min-height: 100svh;
  }

  .hero-inner {
    padding-top: calc(var(--nav-h) + 64px);
    padding-bottom: 64px;
  }

  .prod-photo.is-photo img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}