.mfo_product_card {
  width: 252px;
  height: 432px;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
  margin: 0 auto;
  box-sizing: initial;
  overflow: hidden;
}

.mfo_product_card:hover {
  border: 3px solid #DE5398;
}

.mfo_product_card .img_wrapper {
  height: 252px;
  display: grid;
  place-items: center;
  position: relative;
  border-bottom: 1px solid #d2d2d2;
}

.mfo_product_card .img_wrapper .img_box {
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.mfo_product_card .img_wrapper .img_box img {
  width: 100%;
}

.mfo_product_card .img_wrapper .disabled_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(2px);
  display: grid;
  place-items: center;
  z-index: 5;
}

.mfo_product_card .img_wrapper .disabled_cover p,.mfo_product_card .img_wrapper .disabled_cover span {
  display: block;
  width: 176px;
  height: 172px;
  font-size: 24px;
  font-weight: 700;
  color: white;
  background-image: url('../assets/material/disabledCoverBg.svg');
  background-size: 100%;
  display: grid;
  place-items: center;
}

.mfo_product_card .img_wrapper .heart {
  width: 26px;
  height: 26px;
  background-image: url('../assets/material/mdi_heart.svg');
  background-size: 100%;
  position: absolute;
  right: 16px;
  top: 12px;
}

.mfo_product_card .img_wrapper .heart.full,
.mfo_product_card .img_wrapper .heart:hover {
  background-image: url('../assets/material/mdi_heart-1.svg');
}

.mfo_product_card .img_wrapper .hrs {
  width: 71px;
  height: 65px;
  background-image: url('../assets/material/24HR.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
}

.mfo_product_card .img_wrapper .tags_container {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.mfo_product_card .img_wrapper .tags_container .featureTag {
  height: 24px;
  line-height: 24px;
  background-color: #2C2F68;
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag {
  width: 91.73px;
  height: 38px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag0 {
  background-image: url('../assets/material/productTag0.svg');
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag1 {
  background-image: url('../assets/material/productTag1.svg');
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag2 {
  background-image: url('../assets/material/productTag2.svg');
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag3 {
  background-image: url('../assets/material/productTag3.svg');
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag4 {
  background-image: url('../assets/material/productTag4.svg');
}

.mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag5 {
  background-image: url('../assets/material/productTag5.svg');
  width: 74.87px;
  height: 27.3px;
}

.mfo_product_card .img_wrapper .tags_container span {
  display: block;
  width: 100%;
}

.mfo_product_card .img_wrapper .tags_container .padRight {
  padding-left: 80px;
}

.mfo_product_card .content_wrapper {
  height: 180px;
  position: relative;
  width: 100%;
}

.mfo_product_card .content_wrapper .product_info {
  padding: 13.5px 32px 0;
}

.mfo_product_card .content_wrapper .product_info .brand {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  color: #868686;
  margin-bottom: 4px;
}

.mfo_product_card .content_wrapper .product_info .product_name {
  font-weight: 700;
  font-size: 18px;
  color: #1B1B1B;
  margin-bottom: 4px;
  line-height: 24px;
  letter-spacing: 0.01em;
}

.mfo_product_card .content_wrapper .product_info .discount_tags {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  white-space: nowrap;
}

.mfo_product_card .content_wrapper .product_info .discount_tags .coupon {
  color: #4CA680;
  margin-right: 4px;
}

.mfo_product_card .content_wrapper .product_info .discount_tags .payDiscount {
  color: #CD5C96;
}

.mfo_product_card .content_wrapper .product_info .discount_tags .coupon,
.mfo_product_card .content_wrapper .product_info .discount_tags .payDiscount {
  display: flex;  
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

.mfo_product_card .content_wrapper .product_info .discount_tags img {
  margin-right: 2px;
}

.mfo_product_card .content_wrapper .price_container {
  position: absolute;
  bottom: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0px 32px;
}

.mfo_product_card .content_wrapper .price_container .origin_price {
  color: #a2a2a2;
  font-size: 14px;
  text-decoration-line: line-through;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
}

.mfo_product_card .content_wrapper .price_container p.sell_price {
  display: inline-block;
  color: #F73603;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
}

@media (max-width: 767px) {
  .mfo_product_card {
    max-width: 152px;
    width: 100%;
    height: 292px;
  }
  .mfo_product_card .img_wrapper {
    height: 152px;
  }

  .mfo_product_card .img_wrapper .disabled_cover p {
    font-size: 12px;
    background-image: url('../assets/material/disabledCoverBgMobile.svg');
    width: 125px;
    height: 123px;
  }
  .mfo_product_card .img_wrapper .heart {
    width: 18px;
    height: 18px;
    right: 7px;
    top: 7px;
  }
  .mfo_product_card .img_wrapper .hrs {
    width: 43.5px;
    height: 39px;
  }
  .mfo_product_card .img_wrapper .tags_container .featureTag {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding-left: 0;
  }
  .mfo_product_card .img_wrapper .tags_container .sellTypeTag {
    width: 66px;
    height: 25px;
    position: relative;
  }
  .mfo_product_card .img_wrapper .tags_container .sellTypeTag.tag5 {
    width: 69.39px;
    height: 25.3px;
  }
  .mfo_product_card .content_wrapper {
    height: calc(100% - 150px);
  }
  .mfo_product_card .content_wrapper .product_info {
    padding: 7px 13px 0;
  }
  .mfo_product_card .content_wrapper .product_info .brand {
    font-size: 10px;
    line-height: 14.5px;
  }
  .mfo_product_card .content_wrapper .product_info .product_name {
    line-height: 18px;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .mfo_product_card .content_wrapper .product_info .discount_tags {
    font-size: 10px;
    line-height: 14.5px;
  }
  .mfo_product_card .content_wrapper .product_info .discount_tags img {
    width: 8.65px;
  }
  .mfo_product_card .content_wrapper .price_container {
    bottom: 10px;
    padding: 0px 12px;
  }
  .mfo_product_card .content_wrapper .price_container .origin_price {
    font-size: 10px;
    line-height: 14.5px;
  }
  .mfo_product_card .content_wrapper .price_container span.sell_price {
    font-size: 16px;
    line-height: 23px;
  }
  .mfo_product_card .content_wrapper .price_container p.sell_price{
    font-size: 16px;
  }
}