.nav-install {
  appearance: none;
  border: 0;
  background: transparent;
  color: #56756b;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  padding: 10px 0;
  transition: color 180ms ease;
}

.nav-install:hover,
.nav-install:focus-visible {
  color: #b08332;
}

@media (max-width: 680px) {
  html {
    min-width: 320px;
    overscroll-behavior-x: none;
  }

  body {
    -webkit-text-size-adjust: 100%;
    padding-bottom: env(safe-area-inset-bottom);
  }

  .site-header {
    padding-top: max(20px, env(safe-area-inset-top));
  }

  .site-header nav {
    gap: 10px;
  }

  .nav-install {
    font-size: 10px;
    padding: 7px 0;
  }

  .nav-install[hidden] {
    display: none;
  }

  input,
  textarea,
  select {
    max-width: 100%;
  }
}