:host {
  --image-height: 0;
  display: grid;
  grid-gap: .5rem;
  justify-items: center;
  align-content: start;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}

img {
  display: grid;
  align-content: center;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
}

.sale-container {
  display: grid;
  grid-template-rows: repeat(2, -webkit-max-content);
  grid-template-rows: repeat(2, max-content);
  grid-gap: .5rem;
}

.price.discount,
.price.outdated,
.price.regular {
  display: grid;
  grid-gap: .1rem;
  grid-auto-flow: column;
}

.outdated {
  text-decoration: line-through;
}