.catalog_top__card_item {
    width: 239px;
    position: relative;
    /* height: 297px; */
    min-height: 100%!important;
    height: 100%!important;
    border-radius: 15px;
    overflow: hidden;
    margin: 0px 12px;
    border: 1px solid #838383;
  }
  .catalog_top__card_item .card_item__img {
    width: 100%;
    height: 186px;
    display: block;
  }
  .catalog_top__card_item .card_item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .catalog_top__card_item:first-child {
    margin: 0px 12px 0px 0px;
  }
  .catalog_top__card_item:last-child {
    margin: 0px 0px 0px 12px;
  }
  .card_item__bottom {
    width: 90%;
    /* padding-bottom: 10px; */
    margin: 0px auto!important;
  
  }
  .card_item__bottom_left {
    width: 100%;
    height: 100%;
    min-height: 111px;
    height: max-content;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
  }
  .card_item__bottom_left h5 {
    font-size: 1rem;
    line-height: 1.2rem;
    width: 100%;
    margin: 0px;
    color: #000000;
    margin-top: 8px!important;
  
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
  }
  
  .card_item__bottom_left .card_item__price_box {
    display: flex;
    align-items: center;
    margin-top: auto!important;
    /* margin: 8px 0px 2px; */
    margin-bottom: 2px!important;
  }
  .card_item__bottom_left .card_item__price_box .card_item__curr_price {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  .card_item__bottom_left .card_item__price_box .card_item__old_price {
    margin-left: 10px;
    font-size: 1rem;
    line-height: 1rem;
  }
   .card_item__item-info {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
  }
  .card_item__item-info .card_item__review {
    height: -moz-max-content;
    height: max-content;
    margin-left: 15px;
    color: #30314F;
    font-weight: 400;
    font-size: 14px;
  }
  .card_item__basket {
    width: 35px;
    height: 32px;
    margin-top: -15px;
    margin-left: auto;
    border-radius: 5px;
    overflow: hidden;
  }
  .card_item__item-info  .card_item__basket{
    margin-top: -8px;
  }
  .card_item__basket a{
    width: 100%;
    height: 100%;
    background: #30314F;
    border-radius: 5px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    border: none;
  }
  .card_item__basket a:hover{
    border: none;
    background: #30314F;
    color: white;
  }
  
  .card_item__basket a:active{
    border: none;
    background: #30314F;
    color: white;
  }

  .card_item__basket_unavailable{
    position: relative;
    background: transparent!important;
  }
  .card_item__basket_unavailable a{
    background: transparent;
    border: 1px solid #30314F;
    position: relative;
    color: #30314F!important;
    font-weight: 700;
  }
  
  .card_item__basket_unavailable a i{
    position: relative;
    z-index: 4;
  }

  .card_item__basket_unavailable a::after{
    content: '';
    position: absolute;
    left: 0;
    top: -13px;
    width: 1.4px;
    height: 90px;
    display: block;
    background-color: #30314F;
    transform: rotate( 45deg );
    z-index: 5;
  }

  
  .card_item__basket_unavailable:hover a{
    color: white!important;
    border: 1px solid #30314F;
  }

  .card_item__basket_unavailable:hover a::after{
    background-color: white;
    top: -13px;
  }
  
  .card_item__favorites {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../../images/icons/heart.svg");
    background-size: contain;
  } 
  .card_item__favorites--active {
    background-image: url("../../images/icons/heart2.svg");
  }



  
/* 
  .card_item__favorites{
    background: none!important;
    font-size: 30px;
    color: #464770;

  }
 
  .card_item__favorites .bi-heart-fill{
    color: transparent;
    -webkit-text-stroke: 3px #464770;
  }

  .card_item__favorites--active .bi-heart-fill{
    color: #464770;
    -webkit-text-stroke: 3px #ffffff00;
  } 
 */



  .card_item__discount {
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 73px;
    height: 31px;
    background: #FFD02B;
    border-radius: 0px 20px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .card_item__discount span {
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 700;
    color: black;
  }
  
  .card_item__star {
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative;
  }
  
  .card_item__star_box {
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    font-size: 12px;
    color: rgb(141, 141, 141);
  } 
  .card_item__star_box i{
    margin: 0px 1px;
  }
  .card_item__star_box  .bi-star-fill{
    color: #FFD02B;
  }
  /* .card_item__star::after {
    content: "★"!important;
    color: rgb(141, 141, 141);
    font-size: 1.2rem;
  }
  
  .card_item__star-active::after {
    color: #FFD02B;
  } */


.product-item-label-text{
  position: absolute;
  width: max-content;
  /* min-width: 103px; */
  padding: 0px 20px;
  max-width: 100%;
  height: 32px;
  left: 0;
  top: 0;
  background: #30314F;
  border-radius: 15px 0px;
  color: white;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}






@media screen and (max-width: 1000px){

  .card_item__review{
    font-size: 12px;
  }

  .card_item__basket {
    font-size: 12px;
    line-height: 12px;
    width: 30px;
    height: 28px;
  }
  
  .card_item__basket_unavailable a::after{
    content: '';
    position: absolute;
    left: 0;
    top: -13px;
    width: 1.4px;
    height: 81px;
    display: block;
    background-color: #30314F;
    transform: rotate( 45deg );
    z-index: 5;
  }

}
  
@media screen and (max-width: 900px){
  .product-item-container .card_item__star_box {
    font-size: 10px;
  } 
  /* 
  .product-item-container .card_item__item-info .card_item__review{
    font-size: 12px;
    margin-left: 12px;
  } */
}

@media screen and (max-width: 800px) {
  .catalog_top__card-container .catalog_top__card_item {
    width: 188px;
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
    margin: 0px 8px;
  }
  .catalog_top__card-container .catalog_top__card_item .card_item__img {
    height: 192px;
  }
  .catalog_top__card-container .catalog_top__card_item:first-child {
    margin: 0px 8px 0px 0px;
  }
  .catalog_top__card-container .catalog_top__card_item:last-child {
    margin: 0px 0px 0px 8px;
  }

  
}


@media screen and (max-width: 450px){
  .product-item-label-text{
    padding: 0px 12px;
    height: 28px;
    font-size: 10px;
    line-height: 10px;
  }
}




@media screen and (max-width: 380px){
  
  .catalog_top__card_item .card_item__bottom .card_item__basket {
	  width: 34px;
	  height: 30px;
	}
  
	.card_item__basket a{
	  font-size: 16px;
	}
  
	.card_item__bottom a h5{
	  font-size: 16px;
	}
  
  
  
	.card_item__bottom_left .card_item__price_box .card_item__old_price {
	  font-size: 14px;
	}
  
	.card_item__item-info{
	  margin-top: 6px;
	}
	.card_item__item-info .card_item__star_box i{
	  font-size: 12px;
	}
  

	.catalog_top__card_item .product-item-label-text{
	  font-size: 12px;
	  letter-spacing: 0.5px;
	}
  
	
  }