/* Основные адаптивные правки */

@media (max-width: 1024px) {
  body {
    font-size: 2vw;
  }
  
  .header {
    height: 80px;
  }
  
  .carousel-container {
    height: 40vh;
  }
  
  .carousel-text-title,
  .carousel-text-text {
    width: 80vw;
    padding-left: 4vw;
  }
  
  .carousel-main-item {
    width: 90vw;
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  
  .carousel-img {
    width: 100%;
    height: auto;
    grid-column: 1;
    grid-row: 2;
  }
  
  .about-game-container-one,
  .about-game-container-two {
    flex-direction: column;
    height: auto;
    width: 90vw;
  }
  
  .about-game-img {
    width: 100%;
    height: auto;
    margin-bottom: 2vw;
  }
  
  .about-game-text {
    width: 100%;
  }
  
  .news-container {
    flex-direction: column;
    gap: 2vw;
  }
  
  [class^="news-block-"] {
    width: 90vw;
    height: auto;
  }
  
  .about-company-container {
    flex-direction: column;
    height: auto;
    width: 90vw;
  }
  
  .about-company-img {
    width: 100%;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 3vw;
  }

  .header {
    height: 60px;
    flex-direction: column;
    justify-content: center;
  }
  
  .header-menu-nav-items {
    margin-left: 1vw;
  }
  
  .carousel-button,
  .about-game-button {
    width: 40vw;
    height: 10vw;
    font-size: 4vw;
    border-radius: 4vw;
  }
  
  .carousel-text-title,
  .about-game-title,
  .news-title,
  .about-company-title {
    font-size: 6vw;
    margin-left: 0;
    padding: 0 2vw;
    text-align: center;
  }
}