Text instead of zero prices

Ecwid CSS

/* change 0 price to Free on product page */
.ecwid-productBrowser-ProductPage .product-details__product-price[content="0"] .details-product-price__value{ 
display: none; 
} 
.ecwid-productBrowser-ProductPage .product-details__product-price[content="0"]:after { 
content: "Free"; 
}

/* change 0 price to Free on product grid */

.ec-store-productsGrid-cell-zeroPrice .grid-product__price-amount {
    display:none;
}

.ec-store-productsGrid-cell-zeroPrice .grid-product__price:after {
    content: "Free";
    font-size: 22px;
    font-weight:600;
}

--

.ec-size .ec-store .product-details__product-price-row--zero-price .details-product-price__value {
    font-size: 0px;
}

.ec-size .ec-store .product-details__product-price-row--zero-price .details-product-price__value:after {
    content: "Free";
    font-size: 22px;
    font-weight:600;
}


.ec-size .ec-store .grid__products--appearance-frame .ec-store-productsGrid-cell-zeroPrice .grid-product__price .grid-product__price-amount {
    font-size: 0px;
}

.ec-size .ec-store .grid__products--appearance-frame .ec-store-productsGrid-cell-zeroPrice .grid-product__price .grid-product__price-amount:after {
    content: "Free";
    font-size: 18px;
    font-weight:400;
}
--

/* Product list page */

.ec-store-productsGrid-cell-zeroPrice .grid-product__price-amount::after {
    content: "R.O.I";
    visibility: visible;
    display: block;
}
.ec-store-productsGrid-cell-zeroPrice .grid-product__price-amount {
    visibility: hidden;
}

/* Product details page */

.product-details__product-price-row--zero-price .details-product-price__value::after {
    content: "R.O.I";
    visibility: visible;
    display: block;
}
.product-details__product-price-row--zero-price .details-product-price__value {
    visibility: hidden;
}