/* =============================================
   АДАПТИВНОСТЬ — медиа-запросы
   ============================================= */

/* Планшет */
@media (max-width: 1024px) {
  :root {
    --container-padding: 1.25rem;
  }

  .hero {
    min-height: 80vh;
  }
}

/* Мобильный */
@media (max-width: 768px) {
  :root {
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
  }

  .hero {
    min-height: 70vh;
    margin-top: 70px;
  }

  .hero--small {
    min-height: 250px;
  }

  .hero__buttons {
    flex-direction: column;
    align-items: center;
  }

  .btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  .section__title {
    margin-bottom: var(--spacing-lg);
  }
}

/* Малые мобильные */
@media (max-width: 480px) {
  :root {
    --container-padding: 1rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
  }

  .header__inner {
    height: 70px;
  }

  .header__logo-text {
    font-size: 0.95rem;
  }

  .header__logo-text span {
    display: none;
  }
}