.card__image-additional {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.card__image-additional .card__row {
    margin-bottom: 0;
    align-items: center;
    gap: 10px;
}

.card__image-additional .card__fav {
    margin-left: auto;
    pointer-events: auto;
    width: 24px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5765 3.76946C10.4027 3.52128 10.229 3.27309 10.0801 3.04972C8.19389 0.418955 4.29738 0.294862 2.26226 2.82636C1.21988 4.14174 0.996508 5.63086 1.26951 7.24406C1.56734 8.88209 2.36153 10.2471 3.42873 11.4632C4.44629 12.6049 5.61276 13.5728 6.87851 14.4663C8.0698 15.3101 9.28591 16.1539 10.4772 16.9729C10.5268 17.0226 10.6509 16.9978 10.7006 16.9481C11.1473 16.6255 11.594 16.3028 12.0408 16.005C13.4554 15.0123 14.9197 14.0692 16.2351 12.9275C17.3519 11.9596 18.3447 10.8676 19.0644 9.55219C19.809 8.18717 20.1564 6.72287 19.9331 5.18412C19.6353 3.19864 18.1461 1.58543 16.2351 1.13869C14.2248 0.691959 12.2393 1.43652 11.0232 3.12418C10.8743 3.32273 10.7254 3.5461 10.5765 3.76946Z' stroke='%23232323' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.card__image-additional .card__fav.active {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99762 3.05433L10.4148 3.63973L10.8185 3.04495C10.9217 2.8929 11.0231 2.7493 11.1234 2.6072C11.1684 2.5435 11.2131 2.4801 11.2577 2.41638C12.3585 0.886642 14.1746 0.209133 16.044 0.616032C17.7965 1.02232 19.1751 2.46271 19.4364 4.24823L19.4365 4.24893C19.6465 5.66994 19.3238 7.02179 18.6156 8.30696L18.6149 8.30818C17.9294 9.56036 16.96 10.6016 15.8423 11.5531C14.7691 12.4666 13.5979 13.2548 12.4022 14.0596C12.1395 14.2363 11.8757 14.4139 11.6115 14.5937L11.6111 14.594C11.379 14.7523 11.1505 14.9135 10.9258 15.072L10.9242 15.0732C10.7471 15.1981 10.5724 15.3214 10.3969 15.4427C9.22902 14.6602 8.07148 13.8661 6.91323 13.0602C5.65704 12.1842 4.48353 11.2476 3.48956 10.1387C2.4378 8.96144 1.6805 7.66897 1.40884 6.14915L1.4086 6.14783C1.13594 4.64575 1.35303 3.3173 2.30843 2.14378C4.17405 -0.126083 7.75235 -0.0254067 9.49286 2.34777L9.49322 2.34826C9.60546 2.5009 9.71627 2.65743 9.83418 2.82399C9.88698 2.89858 9.9412 2.97517 9.99762 3.05433Z' fill='%23F01237' stroke='%23F01237' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.card__image-additional .card__row .label {
    font-size: 12px;
    margin: 0 !important;
    line-height: 1.2;
    color: #212529;
    padding: 2px 4px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    cursor: default;
    font-weight: 400;
    text-transform: none;
}

.card__image-additional .card__row .label--sale {
    color: #fff;
    background-color: rgba(240, 18, 55, 0.8);
}

.card__image-additional .card__row .label--promo {
    color: #f01237;
    font-weight: bold;
}

.catalog .card .price {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
}

.catalog .card__row {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.catalog .card__row > span {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.catalog .old-price {
    line-height: 1.25;
    font-weight: 300;
}

.catalog .card .discount {
    border-radius: 16px;
    border: 1px solid #495460;
    background: #717171;
    color: #FFFFFF;
    padding: 2px 8px 2px 8px;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    min-width: 0;
}

.catalog .card__colors {
    display: flex;
    gap: 8px;
}

.catalog .card__colors > span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #495460;
}

.catalog .card__descr {
    position: relative;
    padding-bottom: 14px;
}

.card__colors {
    position: absolute;
    bottom: 0;
    left: 0;
}

.card__descr .card__row .closed-sale {
    color: #fff;
    background-color: #F01237;
    font-size: 14px;
    margin: 0 !important;
    line-height: 1.2;
    padding: 2px 4px;
    border-radius: 3px;
    cursor: default;
    font-weight: 400;
}

.avarage-rating {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #212529;
    margin-right: 6px;
}

.total-review {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 100%;
    letter-spacing: 0;
    color: grey;
}

.catalog .card__colors span:last-of-type {
    margin-right: 6px !important;
}

.star-img {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.card__descr .card_price {
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    .catalog .card__colors {
        gap: 4px !important;
    }

    .catalog .card__colors > span {
        width: 10px;
        height: 10px;
    }

    .catalog .card .price {
        font-size: 12px;
        line-height: 1.166;
    }

    .catalog .card .discount {
        font-size: 12px;
        line-height: 1.166;
    }

    .catalog .old-price {
        font-size: 12px;
        line-height: 1.166;
        font-weight: 300;
    }

    .catalog .card__row {
        gap: 8px;
    }

    .catalog .card .discount {
        position: relative;
        top: auto;
        right: auto;
    }
    
    .card__image-additional {
        padding: 8px;
        z-index: 1;
    }
    
    .catalog .card__row {
        gap: 4px;
    }
    
    .card__image-additional .card__row .label {
        font-size: 10px;
    }
    
    .card__image-additional .card__fav {
        width: 19px;
        height: 16px;
    }

    .star-img {
        width: 8px;
        height: 8px;
    }

    .avarage-rating, .total-review {
        font-size: 8px;
    }
}