/**
 * Listing card images — compact WWA-style thumbnails (see csl-listing-cards.css for full card system).
 */

.wwa-card-media,
.vehicle-card-image,
.taxi-card-photo,
.mechanic-card-photo,
.wash-card-photo,
.driver-card-photo,
.part-card-photo,
.service-card-photo,
.product-card .product-image-wrap,
.vehicle-card .card-img-wrap,
.b-media,
.csl-card-media {
  position: relative;
  width: 100%;
  height: 124px;
  min-height: 124px;
  max-height: 124px;
  aspect-ratio: unset;
  overflow: hidden;
  background: linear-gradient(135deg, #eef2f7 0%, #e2e8f0 100%);
}

.wwa-card-media img,
.vehicle-card-image img,
.taxi-card-photo img,
.mechanic-card-photo img,
.wash-card-photo img,
.driver-card-photo img,
.part-card-photo img,
.service-card-photo img,
.product-card .product-image,
.vehicle-card .card-img-top,
.b-cover,
.csl-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.product-card .product-image {
  aspect-ratio: unset;
  height: 100%;
  max-height: none;
}

@media (max-width: 576px) {
  .wwa-card-media,
  .vehicle-card-image,
  .taxi-card-photo,
  .mechanic-card-photo,
  .wash-card-photo,
  .driver-card-photo,
  .part-card-photo,
  .service-card-photo,
  .product-card .product-image-wrap,
  .vehicle-card .card-img-wrap,
  .b-media,
  .csl-card-media {
    height: 108px;
    min-height: 108px;
    max-height: 108px;
  }
}