{# cart/storefront/partials/header-cart.html #}
{# Cart icon with badge for storefront header — provided by cart module #}
<a href="{{ base_url }}cart" class="relative p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700">
    <span class="w-5 h-5" x-html="$icon('shopping-cart', 'w-5 h-5')"></span>
    <span x-show="cartCount > 0"
          x-text="cartCount"
          class="absolute -top-1 -right-1 bg-accent text-white text-xs rounded-full h-5 w-5 flex items-center justify-center"
          style="background-color: var(--color-accent)">
    </span>
</a>