{% if product.regular_price|default or product.sale_price|default or product.discount|default %}
<div class="hidden lg:flex flex-row items-center space-x-3 py-1 max-w-max min-w-[220px]">
{% if product.regular_price|default and product.sale_price|default %}<span
class="text-xs text-[#A3A3A3] line-through"
x-text="currentVariationRegularPrice('{{ afterPrice|default }}')">{{ product.regular_price|number_format(2,',','.')|replace({',00':''}) ~ '€' ~ afterPrice|default }}</span>
<span class="text-2xl text-black font-bold"
x-text="currentVariationSalePrice('{{ afterPrice|default }}')">{{ product.sale_price|number_format(2,',','.')|replace({',00':''}) ~ '€' ~ afterPrice|default }}</span>
{% if product.discount|default %}
<span class="w-max bg-secondary px-2 py-0.5 text-xs text-white font-bold"
x-text="currentVariationDiscount()">{{ '- ' ~ product.discount ~ '%' }}</span>
{% endif %}
{% elseif product.regular_price|default %}
<span class="text-2xl text-black font-bold"
x-text="currentVariationRegularPrice('{{ afterPrice|default }}')">{{ product.regular_price|number_format(2,',','.')|replace({',00':''}) ~ '€' ~ afterPrice|default }}</span>
{% endif %}
</div>
{% endif %}