Bonjour,
La règle que vous avez ne s'applique que dans les listings de produits : elle demande un parent portant la classe hikashop_products_listing, or sur la fiche d'un produit le bloc se trouve dans hikashop_product_page. C'est pour cela que la quantité restante réapparaît sur la page du produit alors qu'elle est bien masquée dans les listings.
Sur votre deuxième exemple, ce n'est pas la règle CSS qui masque la quantité : ce tirage n'a plus de stock, et HikaShop affiche alors votre message d'indisponibilité à la place du nombre.
Vous pouvez remplacer votre règle par celle-ci, qui masque la quantité partout (listings, fiche produit, et retour ajax de l'ajout au panier) tout en gardant le message d'indisponibilité :
.hikashop_product_stock_count:not(.hikashop_product_no_stock) {
display: none !important;
}
Je l'ai essayée sur vos deux pages : "1 produit en stock" disparaît sur la première, et "Ce tirage d'art n'est plus disponible..." reste bien affiché sur la seconde.