.card.selected {
  outline: 5px solid rgba(1, 1, 1, 0.125);
}

.product.info {
  width: fit-content;
  margin: 0 auto;
}

.btn.owned {
  background-color: #007bff;
  border-color: #007bff;
  opacity: .65;
}

.product.info img {
  height: 200px;
  width: auto;
}

table {
  background-color: white;
}

tr, td {
  text-align: center;
}

table input[readonly] {
  background-color: #e9ecef;
}

.toast-header {
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
}

.toast-body {
  background-color: white;
}

.item.card .card-footer {
  background-color: initial;
  border-top: initial;
}

@media only screen and (max-width: 767px) {
  .product.info img {
    height: auto;
    width: 100%;
  }

  .card-body {
    padding: 1rem
  }
}