.shopify-section--sitemap {
  inline-size: calc(100% - 2 * var(--zag-gutter));
  max-inline-size: 62.5rem;
  margin-block: 5rem;
  margin-inline: auto;

  @media (width >= 60rem) {
    margin-block-start: 7.5rem;
  }

  & div {
    inline-size: 100%;
    margin-block-start: 3.5rem;
    padding-block-start: 3.5rem;
    border-block-start: 0.0625rem solid var(--grey-200-color);

    &:first-child {
      margin-block-start: initial;
      padding-block-start: initial;
      border-block-start: none;
    }

    @media (width >= 60rem) {
      max-inline-size: 42.5rem;
      margin-inline-start: auto;
    }
  }

  & h2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;

    & svg {
      inline-size: 0.625rem;
      block-size: 0.625rem;
    }
  }

  & ul {
    margin-block-start: 1rem;
  }

  & li {
    margin-block-start: 0.25rem;
  }

  & a {
    display: inline;
    position: relative;
    font-size: 0.875rem;
    transition: 0.15s ease-out;

    &:hover {
      opacity: 0.6;
    }
  }
}