{% load humanize %}  <!-- optional -->

<span id="cart-count" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
    {% if cart %}
        {{ cart|length }}
    {% else %}
        0
    {% endif %}
</span>