/* кнопки */
.nav-grid {
  margin-top: auto;
  padding-bottom: 2vh;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 1vh;
  justify-content: center;
  width: auto;
}

.nav-btn {
  width: 22vh;
  height: 5vh;
  border: none;
  border-radius: 0.5vh;
  background: #f3f3f3;
  color: #1f1f1f;
  font: 500 2.5vh system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  padding: 0.5vh;
  box-shadow: 0 0.5px 1px rgba(0,0,0,.05);
  cursor: pointer;
  transition: background 0.2s ease;
}

.nav-btn:hover {
  background: #ececec;
}
.nav-btn:active {
  transform: translateY(0.2vh);
}
.nav-btn:focus-visible {
  outline: 0.2vh solid #357ab1;
  outline-offset: 0.1vh;
}