{% if request.page_type == 'cart' %} 
    <a 
        id="cart-icon-bubble" 
        class="header__icon header__icon--cart link focus-inset" 
        href="{{ routes.cart_url }}">
{% else %}
    <a
        id="cart-icon-bubble"
        class="header__icon header__icon--cart link focus-inset" 
        href="#cart-drawer" 
        role="button" 
        data-bs-toggle="offcanvas" 
        aria-controls="cart-drawer">
{% endif %}
    {% liquid
        if cart == empty
            render 'icon-cart-empty'
        else
            render 'icon-cart'
        endif
    %}
    <span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
    <div 
        class="cart-count-bubble" 
        style="{%- if cart == empty -%}display: none;{% endif %}">
        {%- if cart.item_count < 100 -%}
            <span aria-hidden="true">{{ cart.item_count }}</span>
        {%- endif -%}
        <span class="visually-hidden">
            {{ 'sections.header.cart_count' | t: count: cart.item_count }}
        </span>
    </div>
</a>