Shop

{% for item in shop_items %}
{% if item.badge_text %} {{ item.badge_text }} {% endif %}
{# DRY-reuses the Tokens row's 4-slot tooltip pattern — same #} {# `.tt-title/.tt-description/.tt-shoptalk/.tt-expiry` SCSS #} {# classes so shop + token tooltips render as the same widget.#} {# Price lives inside the h4 (which already has flex space- #} {# between for `.token-count`-style chips) so it pins top- #} {# right opposite the name — `.tt-price` styled --priGn. #}

{{ item.name }} {{ item.price_display }}

{{ item.description }}

{% if item.shoptalk %}

{{ item.shoptalk }}

{% endif %}

{{ item.tooltip_expiry }}

{% comment %} Sibling-of-.tt microtooltip — mirrors Game Kit's Equipped/Unequipped/In-Use mini portal pattern. wallet.js's tooltip handler clones this into #id_mini_tooltip_portal on hover; staying separate keeps the BUY-ITEM btn visually distinct from the main name+price card. {% endcomment %}
{% if item.available %} {% else %} {# Capped item — no BUY btn at all (parity w. Game Kit's #} {# 'In-Use: X' / 'Equipped' microtext pattern, which never #} {# pairs status text w. a disabled action btn). #} Already owned {% endif %}
{% endfor %}