/* footer.mobile.css: mobile-only (max-width: 1023px). Load with media="(max-width: 1023px)". */
@media (max-width: 768px) {
  .site-footer,
  .footer {
    padding: var(--space-8) 0 var(--space-5);
    margin-top: var(--space-8);
  }
}

@media (max-width: 480px) {
  .site-footer,
  .footer {
    padding: var(--space-6) 0 var(--space-4);
    margin-top: var(--space-6);
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: var(--space-3);
  }
}