# XWUICardListing

Marketplace listing card (photo, price, deal tier, specs, seller, contacts).
**Not** CRM `XWUICardDeal`. Domain adapters stay in the product.

On phone (≤640px) or a parent `container: xwui-listing-rail / inline-size`,
`layout: 'auto'` (default) morphs to a compact horizontal row. Force with
`layout: 'row'` / `layout: 'stack'`; disable with `responsiveMorph: false`.

Photo-action bubbles: `actionsLayout: 'horizontal'` (default) places a row at
the content header trailing edge in morph/row layouts (and overlays the photo
on stack via absolute + `display: contents`). `actionsLayout: 'vertical'` uses
a trailing column beside the content.

```example
file: examples/BasicListingCard.ts
html: examples/BasicListingCard.html
title: Basic Listing Card
```

```example
file: examples/FeaturedSheen.ts
html: examples/FeaturedSheen.html
title: Featured Sheen
```

```example
file: examples/ResponsiveMorph.ts
html: examples/ResponsiveMorph.html
title: Responsive Morph
```