@media (max-width: 767px) {
  .site-footer .container {
    width: min(1120px, calc(100% - 32px));
  }

  .footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .site-footer ul {
    padding-left: 0;
    list-style: none;
  }

  .site-footer li {
    margin-bottom: 10px;
  }

  .site-footer a {
    display: inline-block;
    padding: 4px 0;
  }
}