body {
  background-image: url("../deps/images/bg-image.jpg");
  background-repeat: no-repeat;
 
  background-position: center center;
  background-size: cover;

  height: 100%;
}

.dropdown-toggle::after {
  content: none;
}

@media (max-width: 768px) {
    .dropdown.mb-2 {
        margin-bottom: 0.5rem !important;
    }

    #modalButton {
        margin-top: 0.5rem;
    }
}

.custom-shadow {
  box-shadow: 5px 5px 25px 19px #000000;
}

.product_id {
  color: gray ;
  font-size: 15px;
}

.badge.bg-warning.text-dark {
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: 1;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 1rem;
  box-shadow: 2px 2px 15px 9px #000000;
}

.badge-banner {
  top: 80%;
  border-radius: 15px;
  font-size: 0.7rem;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
}

.card {
  flex: 1 1 calc(33.333% - 1rem); /* 33.333% ширина карты минус 1rem для отсупа */
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
}

.card-body {
  flex: 1;
}

.custom-body {
  display: flex;
  justify-content: center; /* Размещает содержимое по центру по горизонтали */
  align-items: center;  /* Размещает содержимое по центру по вертикали */
}

/* В файле CSS */
.pharmacy-photo {
    max-height: 200px;
    object-fit: cover;
}