feat(catalog): implement sprint 10 advanced search experience

src/app/components/product-card/product-card.component.html

@@ -2,9 +2,27 @@
   <a [routerLink]="['/product', item.itemID] | langRoute" class="product-link" (click)="onSelected($event)">
     <div class="product-image">
       <img [src]="getMainImage(item)" [alt]="title || item.name" loading="lazy" decoding="async" width="300" height="300" />
-      @if (item.discount > 0) {
+      @if (showDiscountBadge && item.discount > 0) {
         <div class="discount-badge">-{{ item.discount }}%</div>
       }
+      @if (showStock && item.remainings) {
+        <span class="stock-badge" [class.out]="item.remainings === 'out'">{{ item.remainings }}</span>
+      }
+
+      @if (showFavoritePlaceholder || showComparePlaceholder || showQuickViewPlaceholder) {
+        <div class="product-actions-overlay">
+          @if (showFavoritePlaceholder) {
+            <button type="button" (click)="onFavoritePlaceholder($event)">Fav</button>
+          }
+          @if (showComparePlaceholder) {
+            <button type="button" (click)="onComparePlaceholder($event)">Compare</button>
+          }
+          @if (showQuickViewPlaceholder) {
+            <button type="button" (click)="onQuickViewPlaceholder($event)">Quick</button>
+          }
+        </div>
+      }
+
       @if (item.badges && item.badges.length > 0) {
         <div class="product-badges-overlay">
           @for (badge of item.badges; track badge) {