/********* webshop bundle products ************/
/**********  bundle products, inside product details **********/
.bundleProduct h4 {
  margin-bottom: 8px;
}
.bundleProduct .bundleGroup {
  margin-bottom: 24px;
}
.bundleItem {
  display: grid;
  margin-bottom: 12px;
  padding: 4px 12px 4px 4px;
  grid-gap: 16px;
  grid-template-columns: 60px 4fr 1fr;
  grid-template-areas: "imgContainer bundleName bundleQuantity";
}
.bundleItem .imgContainer {
  grid-area: imgContainer;
  align-self: center;
  justify-self: center;
  line-height: 0;
}
.bundleItem .imgContainer img {
  max-width: 100%;
  max-height: 60px;
  font-size: 8px;
}
.bundleItem .bundleName {
  grid-area: bundleName;
  align-self: center;
}
.bundleItem .bundleQuantity {
  grid-area: bundleQuantity;
  justify-self: end;
  font-weight: bold;
  line-height: 1.1;
}