/* Add custom CSS styles below */ 
</div> <!-- نهاية السعر -->

{% if product.weight %}
<div class="p-weight text-gray-700 text-base dm-text-main mt-1">
    الوزن: {{ product.weight }} جم
</div>
{% endif %}


<div class="p-price-outer flex whitespace-nowrap gap-4 items-center flex ">
    <div class="hidden space-x-2 rtl:space-x-reverse whitespace-nowrap">
        <h4 class="p-price t-red text-red-500 font-bold text-xl inline-block dm-text-main">
            0 <i class="sicon-sar"></i>
        </h4>
        <span class="text-gray-500 line-through dm-text-sec">
            1,040 <i class="sicon-sar"></i>
        </span>
    </div>
    <div class="gap-4 flex">
        <h2 class="font-bold text-xl inline-block dm-text-main">
            1,040 <i class="sicon-sar"></i>
        </h2>
    </div>
</div>

{% if product.weight %}
<div class="p-weight text-gray-700 text-base dm-text-main mt-1">
    الوزن: {{ product.weight }} جم
</div>
{% endif %}