diff --git a/website_sale_aplicoop/static/src/css/components/product-card.css b/website_sale_aplicoop/static/src/css/components/product-card.css
index 5ec9e51..ae06318 100644
--- a/website_sale_aplicoop/static/src/css/components/product-card.css
+++ b/website_sale_aplicoop/static/src/css/components/product-card.css
@@ -198,7 +198,13 @@
    border: Odoo 18 paints every .badge from those three and marks them
    !important, so a direct declaration here never lands. See the header of
    components/tag-filter.css for the full story. */
-.badge-km {
+/* The `.badge` qualifier is load-bearing for the --badge-* half: Bootstrap's
+   own .badge rule seeds those same custom properties, and this file is
+   @imported, so at equal specificity Bootstrap comes later and wins — the
+   compact metrics below never applied. .badge.badge-km (0,2,0) settles it.
+   The --background-color/--color/--bg-solid half needs no qualifier: Odoo
+   only reads those, it never sets them. */
+.badge.badge-km {
     --badge-padding-x: var(--ac-space-2xs);
     --badge-padding-y: var(--ac-space-3xs);
     --badge-font-size: var(--ac-text-2xs);