/* Базовые стили главной для mobile */

.section {
  padding: 40px var(--container-padding);
}

.tours-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

/* Адаптация для планшетов */
@media (min-width: 768px) {
  .hero {
    padding: 60px var(--container-padding);
    background-image: url("../../img/hero-banner-tablet.0fc86e684858.webp");
  }

  .hero h1 {
    font-size: 2.2rem;
  }

  .section {
    padding: 60px var(--container-padding);
  }

  .tours-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Адаптация для десктопа */
@media (min-width: 1024px) {
  .hero {
    padding: 80px var(--container-padding);
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url("../../img/hero-banner-desktop.b209ae9e7581.webp") center/cover;
    margin-bottom: var(--section-spacing);
  }

  .hero h1 {
    font-size: 2.5rem;
  }

  .tours-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .tours-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}