.nav__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;

  li {
    display: inline;
    min-width: max-content;

    + li::before {
      content: '/';
      margin-inline: var(--spacing-inline-md);
    }
  }
}

.nav__nav-links li {
  &:nth-child(1) {
    grid-column: 1 / 3;
  }

  &:nth-child(2) {
    grid-column: 3 / 6;
  }

  &:nth-child(3) {
    grid-column: 6 / 9;
  }

  &:nth-child(4) {
    grid-column: 1 / 3;
  }

  &:nth-child(5) {
    grid-column: 3 / 5;
  }
}