Унификация дизайна корзины и обновление правил

- Убран текст "(с рецептурой)" из названий товаров в корзине
- Добавлен раздел 9.2.6 в rules-complete.md с единым стандартом корзины
- Определены обязательные размеры, структура и функциональность
- Запрещено отображение технических суффиксов в UI корзины

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

rules-complete.md

@@ -1773,6 +1773,129 @@ transition-all duration-150
 - **ПРИЧИНА**: Заменяется контекстными кнопками в табах
 - **СОХРАНИТЬ**: Стили и логику навигации, но адаптировать под новые роуты
 
+#### **9.2.6 ПРАВИЛА КОРЗИНЫ - ЕДИНЫЙ СТАНДАРТ**
+
+**КРИТИЧЕСКИ ВАЖНО**: Все корзины в системе должны следовать единому стандарту дизайна и функциональности.
+
+##### **9.2.6.1 Размеры и позиционирование**
+
+```tsx
+<div className="w-72 flex-shrink-0">
+  <div className="bg-white/10 backdrop-blur border-white/20 p-3 sticky top-0 rounded-2xl">
+```
+
+**ОБЯЗАТЕЛЬНЫЕ ПАРАМЕТРЫ**:
+- **Ширина**: `w-72` (288px) - фиксированная ширина для всех корзин
+- **Флекс**: `flex-shrink-0` - корзина не сжимается
+- **Позиция**: `sticky top-0` - прилипает к верху при прокрутке
+- **Стиль**: Glass morphism эффект с `backdrop-blur` и `bg-white/10`
+
+##### **9.2.6.2 Автодобавление товаров**
+
+**ПРАВИЛО AUTO-ADD**: При вводе количества товар автоматически добавляется в корзину.
+
+```tsx
+// ОБЯЗАТЕЛЬНАЯ РЕАЛИЗАЦИЯ:
+const handleQuantityChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const inputValue = e.target.value
+  const newQuantity = inputValue === '' ? 0 : Math.max(0, parseInt(inputValue) || 0)
+  
+  if (newQuantity > 0) {
+    // Автоматически добавляем товар в корзину
+    updateProductQuantity(product.id, newQuantity)
+  } else {
+    // Удаляем товар из корзины при количестве 0
+    removeFromCart(product.id)
+  }
+}
+```
+
+**ДЕФОЛТНОЕ ЗНАЧЕНИЕ**: Пустой инпут (`value={''}`) вместо `value={0}`
+
+##### **9.2.6.3 Структура корзины**
+
+**ОБЯЗАТЕЛЬНЫЕ ЭЛЕМЕНТЫ**:
+1. **Заголовок**: "Корзина (X шт)" с иконкой корзины
+2. **Список товаров**: 
+   - Название товара (БЕЗ суффикса "(с рецептурой)")
+   - Цена за единицу × количество  
+   - Кнопка удаления (X справа)
+3. **Мета-информация**: Дата поставки, фулфилмент-центр, логистика
+4. **Итого**: Общая сумма с выделением зелёным цветом
+5. **Кнопка действия**: "Создать поставку" с градиентом
+
+**ЗАПРЕЩЕНО**: Отображать текст "(с рецептурой)" в названиях товаров в корзине
+
+##### **9.2.6.4 Единая функция расчета стоимости**
+
+**КРИТИЧЕСКИ ВАЖНО**: Использовать единую функцию расчета для избежания расхождений:
+
+```tsx
+const getProductTotalWithRecipe = (productId: string, quantity: number) => {
+  const product = products.find(p => p.id === productId)
+  if (!product) return 0
+  
+  // Базовая цена товара
+  let total = (product.pricePerUnit || 0) * quantity
+  
+  // Добавляем услуги
+  if (product.services && product.services.length > 0) {
+    const servicesTotal = product.services.reduce((sum, service) => {
+      return sum + ((service.pricePerUnit || 0) * quantity)
+    }, 0)
+    total += servicesTotal
+  }
+  
+  // Добавляем FF расходники (используем .price, НЕ .pricePerUnit!)
+  if (product.ffConsumables && product.ffConsumables.length > 0) {
+    const ffConsumablesTotal = product.ffConsumables.reduce((sum, consumable) => {
+      return sum + ((consumable.price || 0) * quantity)  // ВАЖНО: .price!
+    }, 0)
+    total += ffConsumablesTotal
+  }
+  
+  // Добавляем расходники продавца
+  if (product.sellerConsumables && product.sellerConsumables.length > 0) {
+    const sellerConsumablesTotal = product.sellerConsumables.reduce((sum, consumable) => {
+      return sum + ((consumable.pricePerUnit || 0) * quantity)
+    }, 0)
+    total += sellerConsumablesTotal
+  }
+  
+  return total
+}
+```
+
+##### **9.2.6.5 Синхронизация данных между блоками**
+
+**ПРАВИЛО СИНХРОНИЗАЦИИ**: Данные в корзине должны отражать выборы из всех блоков формы:
+
+1. **Дата поставки**: Из Блока 3 (дата пикер)
+2. **Фулфилмент-центр**: Название выбранного FF (реальные данные!)
+3. **Логистическая компания**: Только партнеры типа `'LOGIST'`
+
+**ПОРЯДОК ОТОБРАЖЕНИЯ В КОРЗИНЕ**:
+```
+Дата поставки: 08.08.2025
+Фулфилмент-центр: ФУЛФИЛМЕНТ РУ
+Логистическая компания: [Выпадающий список]
+```
+
+##### **9.2.6.6 Критические требования**
+
+🚨 **БЕЗОПАСНОСТЬ ТИПОВ**:
+- Всегда проверять на `null/undefined`: `selectedSupplier?.id || ''`
+- Использовать optional chaining для всех вложенных объектов
+
+🚨 **ПРОИЗВОДИТЕЛЬНОСТЬ**:
+- Мемоизация расчетов: `useMemo` для дорогих вычислений
+- Debounce для инпутов количества
+
+🚨 **UX КОНСИСТЕНТНОСТЬ**:
+- Единые стили для всех корзин в системе
+- Одинаковое поведение auto-add во всех формах
+- Синхронная валидация данных
+
 ### 9.3 Структура страницы "Мои поставки" - Трёхблочная архитектура
 
 #### **9.3.1 Обязательная структура страницы**