.shelf--plain {
  background-color: var(--background);
}

.shelf__wrapper {
  margin: 0 auto;
  max-width: 1440px;
  padding: 65px var(--offset-x) 75px;
  box-sizing: border-box;
}

.shelf__headline--big {
  margin-bottom: 60px;
}

.shelf__headline--small {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.26px;
  text-transform: uppercase;
  margin-bottom: 100px;
}

@media (max-width: 1024px) {
  .shelf__headline--small {
    margin-bottom: 60px;
  }
}

.shelf__items {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}

.shelf--media .shelf__items {
  gap: 55px 0;
}

@media (min-width: 750px) and (max-width: 1024px) {
  .shelf--media .shelf__items {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
  }
}

.shelf__link {
  display: flex;
  justify-content: center;
  margin-top: 125px;
}

@media (max-width: 1024px) {
  .shelf__link {
    margin-top: 60px;
  }
}