#search-key{
text-align: center;
margin: 1%;
color: #3F3C3C;
text-transform: capitalize;
}

#products{
    background-color: #D7D5D5;
    width: 95%;
    height: max-content;
    margin: auto;
    -webkit-box-shadow: 0px 0px 3px 1px #D7D5D5; 
    box-shadow: 0px 0px 3px 1px #D7D5D5;
    padding: 1%;
}
#products .row{
    padding-top: 0;
    --bs-gutter-x:1%;
}
.card-product .title a{
    text-decoration: none;
    color: #0A0A0A;
}
.in-stock-text{
    float: right;
    vertical-align: middle;
}
.card-product .action-wrap .in{
    color: #43AA8B;
}
.card-product .action-wrap .out{
    color: #C82A26;
}

/******** extCards */
.card-product:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden; }
  .card-product .price-new, .card-product .price {
    margin-right: 2%; }
  .card-product .price-old {
    color: #999; }
  .card-product .img-wrap {
    border-radius: 1vmax 1vmax 0 0;
    overflow: hidden;
    position: relative;
    height: 220px;
    text-align: center; }
    .card-product .img-wrap img {
      max-height: 100%;
      max-width: 100%;
      object-fit: cover;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
        }
      
      .card-product .info-wrap {
    overflow: hidden;
    padding: 6%;
    border-top: 0.1vmax solid #eee; }
  .card-product .action-wrap {
    padding-top: 1%;
    margin-top: 1%; }
  .card-product .bottom-wrap {
    padding: 6%;
    border-top: 0.1vmax solid #eee; }
  .card-product .title {
    margin-top: 0; }




    /*** screen*/
    @media (min-width: 1400px) {
        #products h4{
        font-size: 2vmax;
        }
    
        #products .btn-more{
            font-size: 1.5vmax;
            height: 2vmax;
        }
        .card-product .img-wrap {
        height: 15vmax;
        }
    }
    @media (max-width: 900px) {
        #products{
    width: 99%;
        }
    }