# XWUIProductRecommendationCarousel

A horizontal, scrollable carousel of system-recommended products - "You may also like" / "Frequently bought together" merchandising, distinct from `XWUIRecentlyViewedStrip` which shows the shopper's own browsing history. Each card shows a thumbnail (or placeholder), name, formatted price, and a quick "Add to cart" button. Prev/Next buttons scroll the row by roughly one card width. Clicking a card body fires `onSelect`; clicking "Add to cart" fires `onAddToCart` and does not also trigger `onSelect`.

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-product-recommendation-carousel:select` | `onSelect` | `onSelect(handler)` | `{ productId }` |
| `xwui-product-recommendation-carousel:add-to-cart` | `onAddToCart` | `onAddToCart(handler)` | `{ productId }` |

## Usage

```ts
import { XWUIProductRecommendationCarousel } from '@exonware/xwui/industry';

const carousel = new XWUIProductRecommendationCarousel(host, {
  products: [
    { id: 'p1', name: 'Espresso Machine', price: 249, imageUrl: '/img/espresso.jpg' },
    { id: 'p2', name: 'Milk Frother', price: 39 },
  ],
});

carousel.onAddToCart((productId) => console.log('add', productId));
carousel.onSelect((productId) => console.log('select', productId));
```

```api
```