@media (max-width: 1024px) {
  .hero {
    padding: var(--spacing-14) var(--spacing-6) var(--spacing-10);
  }

  main {
    padding: var(--spacing-10) var(--spacing-6) var(--spacing-8);
  }
}

@media (max-width: 768px) {
  .hero {
    min-height: auto;
    padding: var(--spacing-16) var(--spacing-5) var(--spacing-10);
  }

  .hero__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .modal {
    align-items: center;
    justify-content: center;
  }

  .modal__content {
    width: min(92vw, 640px);
    max-width: 640px;
    border-radius: var(--radius-lg);
    max-height: 90vh;
  }

  .send-buttons {
    flex-direction: column;
  }

  .copy-field__row {
    flex-direction: column;
  }

  .form-actions {
    justify-content: center;
  }
}

@media (max-width: 540px) {
  body {
    font-size: 0.98rem;
  }

  .hero {
    padding: var(--spacing-18) var(--spacing-4) var(--spacing-10);
  }

  main {
    padding: var(--spacing-12) var(--spacing-4) var(--spacing-10);
  }

  #open-form {
    position: sticky;
    bottom: var(--spacing-3);
    width: 100%;
    justify-content: center;
    box-shadow: var(--shadow-strong);
  }

  .modal__content {
    padding: var(--spacing-5);
  }

  .social-icons {
    flex-wrap: nowrap;
    gap: var(--spacing-3);
    overflow-x: auto;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
  }

  .social-link img {
    width: 32px;
    height: 32px;
  }
}