#product-page {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  justify-content: center;
  gap: 2em;
  padding-top: 1em;
  /* background-color: black; */
}

#product-page-name {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#product-page-description {
  font-size: 1em;
  margin-bottom: 2em;
}

#product-page-current-bid {
  font-size: 2em;
  font-weight: bold;
  /* margin-bottom: 1em; */
}

#product-page-number-of-bids {
  font-size: 1em;
  /* font-weight: bold; */
  margin-top: 0.3em;
  margin-bottom: 1em;
  display: inline-block;
  cursor: pointer;
  color: #666;
}

#product-page-number-of-bids:hover
{
  text-decoration: underline;
}

.product-page-image {
  flex: 1 1 15em;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 400px;
  /* background-color: blue; */
}

#product-page-details {
  flex: 1 1 10em;
  display: flex;
  flex-direction: column;
  gap: 5%;
  /* min-width: 17rem; */
  margin-top: auto;
  margin-bottom: auto;
  /* background-color: red; */
}

#highest-bidder-label {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: green;
}

#been-outbid-label {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: red;
}

#bid-input {
  font-size: 1.0rem;
  border: 1px solid black;
  border-radius: 4px;  
  padding: 7px 15px;
  width: 8rem;
  margin-right: 1em;
}

#message {
  text-align: left;
  font-size: 0.9rem;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  /* background-color: yellow; */
}

#bids
{
  font-size: 1.0rem;
  margin: auto;
  display: none;
}

#bids-table-title
{
  font-weight: bold;
  text-align: center;
  margin: 1em;
}

#bids-table
{
  border-collapse: collapse;
  text-align: right;
}

#bids-table tr:first-child {
  font-weight: bold;
}

#bids-table tr:nth-child(even) {
  background-color: #000000;
  color: #ffffff;
}

#bids-table td:nth-child(1) {
  padding-right: 2em;
}
#bids-table td:nth-child(2) {
  padding-right: 2em;
}
#bids-table td:nth-child(3) {
  text-align: left;
}