.card {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.product-card {
    width: 400px;
    height: auto;
    display: flex;
    flex-direction: column;
    border: black 1px solid;
    text-decoration: none;
    border-radius: var(--bradius);

  }
  
  .product-card .thumbnail {
    width: 400px;
    height: 400px;
  }
    
  .product-card .title {
    font-weight: 600;
    color: var(--black);
    text-decoration: none;
    font-size: 1.5em;
  }

.product-card .content {
    margin: var(--pad);
    display: flex;
    gap: var(--pad);
    flex-direction: column;
    align-items: baseline;
    height: 100%;
}
  
.price {
    background: var(--primary);
    padding: var(--halfpad) var(--pad);
    display: inline;
    border: 1px black solid;
    font-weight: 500;
    color: var(--white);
}


.products {
  gap: var(--pad);
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  max-width: 1600px;
  margin: var(--pad) auto;
  
}

.price-bottom {
  margin-top: auto;
}


  @media screen and (width <= 990px) {
    .product-card .thumbnail {
      width: 399px;
      height: 399px;
    }
  
    .product-card {
      width: 400px;
    }
  }
  
  @media screen and (width <= 768px) {

  }
  
  @media screen and (width <= 480px) {
  }