{% sw_extends '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
{% block layout_header_actions_cart_widget %}
<span class="header-cart-icon icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="square" stroke-width="2" transform="translate(2 2)">
<path d="M16.3636364,20 L3.63636364,20 C1.63636364,20 0,18.3636364 0,16.3636364 L0,5.45454545 L20,5.45454545 L20,16.3636364 C20,18.3636364 18.3636364,20 16.3636364,20 Z"/>
<path d="M14.5454545,8.18181818 L14.5454545,4.54545455 C14.5454545,2 12.5454545,0 10,0 L10,0 C7.45454545,0 5.45454545,2 5.45454545,4.54545455 L5.45454545,8.18181818"/>
</g>
</svg>
</span>
{% if page.cart.lineItems|length > 0 %}
<span class="badge badge-primary header-cart-badge">{{ page.cart.lineItems|length }}</span>
{% endif %}
<span class="header-cart-items-count badge">
{{ page.cart.lineItems|length }}
</span>
{% endblock %}