.l-products {
  padding-top: 5rem;
  background-color: var(--light2);
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 5rem;

  margin-bottom: 8rem;
}

@media (max-width: 768px) {
  .l-products {
    padding-top: 2.5rem;
    gap: 2.5rem;
  }
}