.card.-withMenu .card__container:not(:first-child) {
  display: none;
}

.menu__options {
  margin-bottom: var(--g-gap);
}

.menu__headline {
  font-weight: var(--f-weight-b);
  margin-bottom: 0.5rem;
}

.productgroup__container {
  border: 1px solid rgb(var(--c-neutral-light));

  & .productgroup__image {
    border-bottom: 1px solid rgb(var(--c-neutral-light));
  }

  & .productgroup__textwrap {
    padding: 1.5rem;
  }

  & .productgroup__information {
    margin-bottom: var(--g-gap);
  }

}

.productgroup__container:not(:last-child) {
  margin-bottom: var(--g-gap);
}

.product__container {

  & .product__title {
    font-weight: var(--f-weight-b);
  }

  & .product__prices {
    margin-top: 0.5rem;

    & .price__item {
      display: grid;
      grid-template-columns: max-content 1fr;
      grid-gap: 0 var(--g-gap-s);
      white-space: nowrap;
    }

  }

}

.card.-list > .card:not(:last-child) {
  margin-bottom: var(--p);
}

.product__container:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .product__container {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 0 var(--g-gap);

    & .product__prices {
      margin-top: 0;
    }

    & .price__item {
      justify-items: end;


      & .price__price {
        grid-column: 2;
      }

    }
  }
}