/* Same rules as staging-retouch.css footer pair. */

.footer-redesign__nav-stack,
.footer-redesign__nav-pair {
  display: contents;
}

@media (width <= 767px) {
  .footer-redesign__nav-pair {
    display: grid;
    grid-template-columns: max-content;
    justify-content: center;
    justify-items: start;
    align-items: start;
    gap: 2.5rem;
    width: 100%;
    max-width: 100%;
  }

  .footer-redesign__grid nav.footer-redesign__navigation {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-self: start !important;
    width: auto !important;
    max-width: 100%;
    margin-inline: 0 !important;
  }

  .footer-redesign__grid nav.footer-redesign__navigation .footer-redesign__heading {
    display: flex;
    justify-content: flex-start !important;
    text-align: left !important;
    width: auto !important;
    align-self: flex-start;
  }

  .footer-redesign__grid nav.footer-redesign__navigation ul {
    width: max-content !important;
    max-width: 100%;
    margin-inline: 0 !important;
    text-align: left;
    align-self: flex-start;
  }
}