:root {
  --product-teaser-info-height: 4rem;
  --product-teaser-info-spacing: 1rem;
  --product-teaser-image-opacity: 0.4;
  --product-teaser-transition: 0.2s ease;
}

.product-image {
  margin-bottom: 2px;
}
.product-image img {
  width: 100%;
  transition: opacity var(--product-teaser-transition);
}
.product-hover {
  opacity: 0;
  transition: opacity var(--product-teaser-transition);
  z-index: 1;
}
.product-info {
  height: var(--product-teaser-info-height);
  padding-top: 2px;
  border-bottom: 2px solid currentcolor;
  transition: all var(--product-teaser-transition);
}
.product-title {
  line-height: 1.2;
  transition: all 0.2s ease;
  padding-right: calc(var(--product-teaser-info-spacing) * 3);
}
.product-title a {
  color: var(--beo-body-color);
}
.product:hover .product-image img {
  opacity: var(--product-teaser-image-opacity);
}
.product:hover .product-info {
  padding-inline: var(--product-teaser-info-spacing);
  background-color: var(--beo-primary);
  color: var(--beo-white);
  border-bottom-color: var(--beo-primary);
}
.product:hover .product-title {
  padding-right: var(--product-teaser-info-spacing);
  color: var(--beo-white);
}
.product:hover .product-title a {
  color: var(--beo-white);
}
.product:hover .product-hover {
  opacity: 1;
}

.text-white .product {
  --beo-primary: #fff;
  --beo-white: var(--beo-dark);
  --beo-body-color: #fff;
}

/*# sourceMappingURL=belgrade.css.map */