.fxm-favorite-item {
  width: 100%;
  background: #FFFFFF;

  .fxm-price {
    margin: 0;
  }

  .fxm-favorite-item-pb8 {
    padding-bottom: 0 !important;
  }

  &-mb16 {
    margin-bottom: @product-item-padding-8
  }

  &-img-cot {
    width: 32%;
    height: 0;
    padding-top: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;

    img {
      position: absolute;
      top: 0;
      width: 100%;
    }
  }

  &-info-cot {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  &-cot {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  &-pirce-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 10 * @favorite-item-basic;
    padding: 0 12 * @favorite-item-basic;
  }

  &-price-down {
    background: rgba(20, 201, 126, 0.12);
    display: flex;
    align-items: center;
    padding: 2 * @favorite-item-basic;
    border-radius: 100* @favorite-item-basic 2* @favorite-item-basic 2* @favorite-item-basic 100* @favorite-item-basic;
    font-size: 12* @favorite-item-basic;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #14C97E;
    line-height: 14* @favorite-item-basic;

    img {
      width: 16 * @favorite-item-basic;
      margin-right: 6 * @favorite-item-basic;
    }
  }

  &-pb8 {
    padding-bottom: @product-item-padding-8  !important;
  }

  &-name {
    padding: 0 @product-item-margin-12;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: @product-item-cot-33;
    line-height: @product-item-line-height-16;
    font-size: @product-item-font-14;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
  }

  &-mr4 {
    margin-right: @product-item-padding-4;
  }

  &-tags {
    padding: 0 @product-item-margin-12;
    width: 100%;
    overflow: hidden;
    margin-top: 10 * @favorite-item-basic;
  }

  &-tags-item-off {
    font-size: @product-item-font-10;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: #FFFFFF;
    display: inline-block;
    padding: @product-item-padding-2 @product-item-padding-4;
    background: linear-gradient(90deg, #FF6B6B 0%, #FF4B4B 100%);
    border-radius: @product-item-padding-4;
  }

  &-tags-item {
    font-size: @product-item-font-10;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: var(--theme-color, #FF1659);
    display: inline-block;
    padding: @product-item-padding-3 @product-item-padding-4;
    background: #fde8e9;
    border-radius: @product-item-padding-4;
  }

  &-bottom {
    padding: 0 12 * @favorite-item-basic;
    margin-top: 10 * @favorite-item-basic;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  &-notice {
    background: #FFFFFF;
    border-radius: 16 * @favorite-item-basic;
    border: 1 * @favorite-item-basic solid rgba(0, 0, 0, 0.25);
    padding: 4 * @favorite-item-basic 10 * @favorite-item-basic;
    display: flex;
    align-items: center;
    font-size: 12* @favorite-item-basic;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 14px;

    img {
      width: 16 * @favorite-item-basic;
      margin-right: 4 * @favorite-item-basic;
    }
  }

  &-similar {
    background: #FFFFFF;
    border-radius: 16 * @favorite-item-basic;
    border: 1 * @favorite-item-basic solid rgba(0, 0, 0, 0.25);
    padding: 4 * @favorite-item-basic 10 * @favorite-item-basic;
    display: flex;
    align-items: center;
    line-height: 14 * @favorite-item-basic;
    font-size: 12* @favorite-item-basic;
    font-family: var(--light-font, SFProText-Medium, SFProText);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 14px;

    img {
      width: 12 * @favorite-item-basic;
      margin-right: 4 * @favorite-item-basic;
    }
  }

  &-love {
    width: 24 * @favorite-item-basic;
    height: 24 * @favorite-item-basic;
    border-radius: 24 * @favorite-item-basic;
    background: rgba(191, 191, 191, 0.25);
    display: flex;
    margin-right: 16px;
    align-items: center;
    justify-content: center;

    img {
      width: 14 * @favorite-item-basic;
    }
  }

  &-btn-wrap{
    display: flex;
    align-items: center;
  }

  &-cart {
    width: 24 * @favorite-item-basic;
    height: 24 * @favorite-item-basic;
    border-radius: 24 * @favorite-item-basic;
    background: rgba(191, 191, 191, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 14 * @favorite-item-basic;
    }
  }
}