@media (max-width: 768px) {
  .error-404-section {
    padding: 0.75rem 0 4.5rem;
  }

  .error-404-card {
    padding: 2.2rem 1.2rem;
    border-radius: 22px;
  }

  .error-404-card__icon {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    font-size: 1.45rem;
  }

  .error-404-card__code {
    font-size: 0.82rem;
    letter-spacing: 0.14em;
  }

  .error-404-card h2 {
    font-size: clamp(1.7rem, 8vw, 2.3rem);
  }

  .error-404-card p {
    font-size: 0.95rem;
    line-height: 1.7;
  }

  .error-404-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .error-404-card__actions .btn {
    width: 100%;
    min-width: 0;
  }
}