fix: refactor css

web/templates/components/product_card.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 <article>
   <div
-    class="rounded-lg border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-700 dark:bg-gray-800">
+    class="card">
     <div class="h-56 w-full">
       <a href="{% url 'web:product_detail' pk=product.pk slug=product.slug %}">
         <img class="mx-auto h-full dark:hidden" src="{{ product.images.all|first }}"
@@ -13,7 +13,7 @@
     <div class="pt-6">
 
       <a href="{% url 'web:product_detail' pk=product.pk slug=product.slug %}"
-         class="text-lg font-semibold leading-tight text-gray-900 hover:underline dark:text-white">{{ product.name }}</a>
+         class="link">{{ product.name }}</a>
 
 <!--      <div class="mt-2 flex items-center gap-2">-->
 <!--        <div class="flex items-center">-->