/* Hamburger menu */

.nav--open .hamburger span:nth-child(1) {
  transform: translateY(16px) rotate(45deg);
}
.nav--open .hamburger span:nth-child(2) {
  opacity: 0;
}
.nav--open .hamburger span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 1250px) {
  .header__nav {
    grid-template-columns: auto auto;
    justify-content: space-between;
    position: relative;
    border-radius: 20px;
  }
  .hamburger {
    display: grid;
  }
  .header__nav-list,
  .header__nav-buttons {
    display: none;
    grid-column: 1 / -1;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 2rem;
    padding: 0.5rem 0;
  }
  .nav--open .header__nav-list,
  .nav--open .header__nav-buttons {
    display: grid;
  }
}




.header__nav--always-open .hamburger {
  display: grid !important;
}

.header__nav--always-open {
  grid-template-columns: auto auto !important;
  justify-content: space-between !important;
}

.header__nav--always-open .header__nav-list,
.header__nav--always-open .header__nav-buttons {
  display: none !important;
  grid-column: 1 / -1;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 2rem;
  padding: 0.5rem 0;
}

.nav--open.header__nav--always-open .header__nav-list,
.nav--open.header__nav--always-open .header__nav-buttons {
  display: grid ;
}




/* ai karty */

@media (max-width: 900px) {
  .ai {
    grid-template-columns: repeat(2, minmax(250px, 300px));
  }
}

@media (max-width: 600px) {
  .ai {
    grid-template-columns: 1fr;
  }
}

/* footer */

@media (max-width: 800px) {
  .footer__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 500px) {
  .footer__grid {
    grid-template-columns: 1fr;
  }
}