Polish header pill sizing and simplify catalog/cart layouts

app/pages/products.vue

@@ -6,7 +6,7 @@ import { useClientCart } from '~/composables/useClientCart';
 const { result, loading, error } = useQuery(ClientProductsDocument);
 const search = ref('');
 const stockFilter = ref<'ALL' | 'CUSTOM' | 'STANDARD'>('ALL');
-const { addProduct, getQuantity, totalItems, incrementQuantity, decrementQuantity } = useClientCart();
+const { addProduct, getQuantity, incrementQuantity, decrementQuantity } = useClientCart();
 
 const coverPresets = [
   ['#e9fbe5', '#acfcd5', '#7be9aa'],
@@ -77,12 +77,7 @@ function decrementProduct(productId: string) {
 
 <template>
   <section class="space-y-5">
-    <div class="flex flex-wrap items-center justify-between gap-3">
-      <h1 class="text-3xl font-extrabold text-[#0f2f20]">Каталог</h1>
-      <NuxtLink to="/cart" class="btn btn-outline btn-sm">
-        Корзина: {{ totalItems }}
-      </NuxtLink>
-    </div>
+    <h1 class="text-3xl font-extrabold text-[#0f2f20]">Каталог</h1>
 
     <div class="surface-card rounded-3xl p-4 md:p-5">
       <div class="grid gap-3 md:grid-cols-[1fr_auto]">
@@ -111,7 +106,7 @@ function decrementProduct(productId: string) {
     <div v-else-if="error" class="alert alert-error">{{ error.message }}</div>
 
     <div v-else-if="filteredProducts.length > 0" class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
-      <article class="surface-card overflow-hidden rounded-3xl border border-dashed border-base-300 p-4">
+      <article class="surface-card overflow-hidden rounded-3xl p-4">
         <div class="flex h-full flex-col justify-between gap-4">
           <div>
             <div class="badge badge-outline">Кастом</div>