.card.card-product-grid,
.card.card-product-list {
    box-shadow: 0 1px 2px rgba(51, 51, 51, .07)
}

.card.card-product-grid:hover,
.card.card-product-list:hover {
    box-shadow: 0 3px 10px rgba(51, 51, 51, .1);
    transition: .2s
}

.card.card-product-grid .img-wrap {
    border-radius: .25rem .25rem 0 0
}

[class*=card-product] p {
    margin-bottom: 0
}

[class*=card-product] a.title {
    display: block;
    text-decoration: none
}

[class*=card-product] a.title:hover {
    color: #0d6efd
}

[class*=card-product] .price {
    color: #f88c91;
    font-weight: 600;
}

[class*=card-product] .price-old {
    color: #9da1a7;
    margin-left: 3px;
    font-size: 90%
}

[class*=card-product] .img-wrap {
    position: relative
}

[class*=card-product] .img-wrap img {
    height: 100%;
    max-width: 100%;
    /* width: auto */
}

.card-product-grid {
    margin-bottom: 20px
}

.card-product-grid .img-wrap {
    height: 240px;
    margin-bottom: 20px;
}

.card-product-grid .title {
    color: #51585e
}

.card-product-grid .info-wrap {
    padding: 1rem 1.2rem;
    overflow: hidden
}

.card-product-grid .bottom-wrap {
    padding: 1rem 0;
    border-top: 1px solid #dee2e6
}

.card-product-grid .topbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    text-align: left;
    padding: 10px 15px
}

.card-product-grid .hover-action {
    opacity: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute
}

.card-product-grid:hover .hover-action {
    opacity: 1
}

.card-product-list {
    margin-bottom: 20px
}

.card-product-list .title {
    color: #212529
}

.card-product-list .img-wrap {
    height: 220px;
    padding: .5rem
}

.card-product-list .info-aside {
    padding: 1.25rem 1.25rem;
    border-left: 1px solid #dee2e6;
    height: 100%
}

.product-sm .img-wrap {
    height: 160px
}

.product-lg .img-wrap {
    height: 250px
}
.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
  padding: 10px 50px;
  margin: 10px 15px 0;
  width: auto;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1.12px;
}
.btn-black:hover {
  color: #fff;
  background-color: #f88c91;
  border-color: #f88c91;
  /* padding: 10px 50px;
  margin: 10px 15px 0;
  width: auto; */
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1.12px;
}
.cart-qty-minus {
  color: #b2b2b2 !important;
  border: 1px solid #b2b2b2 !important;
  background-color: #fff !important;
  border-radius: 5px !important;
  font-size: inherit !important;
  width: 10%;
  height: 30px;
  padding: 0;
}

.qty {
  border: 1px solid #b2b2b2 !important;
  background-color: #fff !important;
  border: 0;
  text-align: center;
  width: 10%;
  border-radius: 5px !important;
  font-size: inherit !important;
  height: 30px;
}

.cart-qty-plus {
  border-radius: 5px !important;
  font-size: inherit !important;
  width: 10%;
  height: 30px;
  padding: 0;
  margin: 0;
}

.productAddCart-button {
  width: 30%;
  border-radius: 5px !important;
  border: 0 !important;
  padding: 5px !important;
  font-size: 12px !important;
  height: 30px;
  margin: 0;
}
.productBuyCart-button {
  width: 30%;
  border-radius: 5px !important;
  border: 0 !important;
  padding: 5px !important;
  font-size: 12px !important;
  height: 30px;
  margin: 0;
}
/* resepibutton */
.productAddCart-button.resepi {
  width: 49%;
}
.productBuyCart-button.resepi {
  width: 49%;
}
/* resepibutton */
.product__label {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0 14px;
  font-size: 14px;
  color: #fff;
  border-radius: 30px;
  font-weight: 300;
}
.product__label--sale-dis {
  background: #333;
}
.product__price {
  font-weight: 600;
  color: #89c74a;
}
.product__price del {
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
/* sold out ribbon */
.ribbon-danger {
  background: red;
}

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2;
}

.ribbon-right {
  left: auto;
  right: -2px;
}

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent;
}

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent;
}

.ribbon-bookmark.ribbon-danger:before {
  border-color: red;
  border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: red;
  border-left-color: transparent;
}
/* sold out ribbon */