.cards.product-card {
  background: #FFFFFF;
  border: 1px solid #000000;
  height: 100%;
  width: 100%;
}
.cards.product-card img {
  width: 100%;
  transition: all 0.3s ease-out;
  max-height: 200px;
  object-fit: contain;
}
.cards.product-card:hover .img-vertical-wrapper img {
  transform: scale(1.1);
}
.cards.product-card .img-vertical-wrapper {
  display: inline-block;
  overflow: hidden;
  border-radius: 0;
  background-size: cover;
}
.cards.product-card .product-title a {
  text-decoration: none;
  color: #000000;
}
.cards.product-card .product-dosage {
  color: #898989;
}
.cards.product-minicard {
  background: #FFFFFF;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #D6D6D6;
}
.cards.product-minicard img {
  width: 100%;
  transition: all 0.3s ease-out;
  object-fit: contain;
}
.cards.product-minicard:hover {
  border: 1px solid #000000;
  box-shadow: 1px 2px 0px #000000;
}
.cards.product-minicard:hover .img-vertical-wrapper img {
  transform: scale(1.1);
}
.cards.product-minicard .img-vertical-wrapper {
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
}
.cards.product-minicard .img-minicard-wrapper {
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
}
.cards.product-wildcard {
  padding-bottom: 1rem;
  background: transparent;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-out;
}
.cards.product-wildcard img {
  width: 100%;
  transition: all 0.3s ease-out;
  max-height: 200px;
  object-fit: contain;
}
.cards.product-wildcard:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1490196078);
}
.cards.product-wildcard:hover .img-vertical-wrapper img {
  transform: scale(1.1);
}
.cards.product-wildcard:hover small {
  opacity: 1;
}
.cards.product-wildcard:hover .product-mini-description {
  opacity: 1;
}
.cards.product-wildcard .img-vertical-wrapper {
  display: inline-block;
  overflow: hidden;
  border-radius: 0;
  background-image: url("../../img/CARDS_BACKGROUND.webp");
}
.cards.product-wildcard .category-label {
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards.product-wildcard small {
  opacity: 0;
  text-align: center;
  margin-top: 1rem;
  transition: opacity 300ms ease-out;
}
.cards.product-wildcard .product-mini-description {
  opacity: 0;
  transition: all 0.3s;
}

.card-mini {
  width: 20%;
}

@media (min-width: 768px) {
  .card-mini {
    width: 100%;
  }
}