@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 750px) {
  .collection .title-wrapper-with-link--no-heading {
    margin-top: calc(6rem + var(--page-width-margin));
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

.collection__view-all {
  margin-top: 2rem;
}

.media > *:not(.zoom):not(.deferred-media__poster-button).hide-mobile {
  display: none;

  @media screen and (min-width: 749px) {
    display: block;
  }
}

.media > *:not(.zoom):not(.deferred-media__poster-button).hide-desktop {
  display: block;

  @media screen and (min-width: 750px) {
    display: none;
  }
}
.collection__navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;

  .collection__navigation-count {
    margin-top: 2rem;
    text-transform: uppercase;
  }

  .pagination-wrapper {
    margin-top: 3rem;

    .pagination__list {
      flex-wrap: nowrap;
    }

    & svg {
      height: 1.5rem !important;
    }
  }

  @media screen and (max-width: 749px) {
    .pagination__list > li {
      flex: 0 0 4rem;
      max-width: 4rem;
    }

    .pagination__list > li:not(:last-child) {
      margin-right: 0;
    }
  }
}