/* Listing board reuses the shared theme/base styles for layout and spacing.
   Grid view overrides can go here. Currently using shared defaults. */

/* Fallback: banner 40% (max 400px) when list view is active */
.listing-grid[data-view="list"] .listing-card__media,
.listing-grid[data-view="list"] .card-media,
.listing-grid[data-view="list"] .listing-thumb {
  flex: 0 0 40% !important;
  max-width: 400px !important;
}

@media (max-width: 900px) {
  .listing-grid[data-view="list"] .listing-card__media,
  .listing-grid[data-view="list"] .card-media,
  .listing-grid[data-view="list"] .listing-thumb {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}