.merch {
  background-color: var(--grey);
  padding-block: 9.5vw 20vw;
}
.merch .title {
  font-size: 1.875rem;
  line-height: 2.1875rem;
}
.merch ~ .shop__lightbox {
  flex-direction: column;
  gap: 10vw;
}
.merch ~ .shop__lightbox img {
  max-width: 80vw;
  max-height: 35dvh;
  border-radius: 0.5rem;
}
.merch > #moreArticles {
  margin-top: 15vw;
}

@media (min-width: 767.98px) {
  .merch {
    padding-bottom: 15vw;
  }
  .merch > #moreArticles {
    margin-top: 10vw;
  }
}

@media (min-width: 991.98px) {
  .merch {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .merch--archive {
    gap: 3.5vw;
    padding-block: 5vw 10vw;
  }
  .merch .title {
    grid-column: 1 / -1;
  }
  .merch > #moreArticles {
    grid-column: 1 / -1;
  }
  .merch--archive .shop__vignette {
    width: 100%;
  }
  .merch--archive > #moreArticles {
    margin-top: 2vw;
  }
  .merch--archive ~ .shop__lightbox {
    flex-direction: row;
    gap: 2.5vw;
  }
}

@media (min-width: 1399.98px) {
  .merch--archive {
    gap: 3.5vw 2vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-block: 5vw 7.5vw;
  }
  .merch--archive > #moreArticles {
    margin-top: 1vw;
  }
  .merch--archive .shop__content {
    width: 80%;
  }
  .merch--archive .shop__vignette {
    gap: 0.75vw;
  }
}

@media (min-width: 1599.98px) {
  .merch--archive > #moreArticles {
    margin-top: 0.5vw;
  }
  .merch--archive {
    gap: 2vw 1.5vw;
    padding-bottom: 6.5vw;
  }
  .merch--archive .title {
    margin-bottom: 1vw;
  }
}

@media (min-width: 2199.98px) {
  .merch--archive {
    padding-block: 3.5vw 5vw;
  }
  .merch--archive .title {
    margin-bottom: 0.5vw;
  }
}