/* MasterPalm product list image rendering
   Product listing images render as 16:9 CSS background blocks, centered and contained,
   so every MasterPalm SKU product photo keeps its original ratio without cropping. */

#site-main .mp-product-list-media,
#site-main .mp-related-card-media,
#site-main .ses-product-catalog-list .ses-list-card--catalog-product .ses-list-card__media,
#site-main .ses-linked-product-list > .ses-list-card--linked-product.has-image .ses-list-card__media {
  background-color:#fff !important;
  background-image:var(--mp-product-list-bg, var(--list-bg, none)) !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#site-main .mp-product-list-media.has-product-bg {
  background-image:var(--mp-product-list-bg) !important;
}

#site-main .mp-product-list-media.has-product-bg img,
#site-main .mp-related-card.has-product-bg > img,
#site-main .ses-product-catalog-list .ses-list-card--catalog-product .ses-list-card__media img,
#site-main .ses-linked-product-list > .ses-list-card--linked-product.has-image .ses-list-card__media img {
  display:none !important;
}

#site-main .mp-product-list-media {
  min-height:0 !important;
}

#site-main .mp-related-card-media {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  margin:0 0 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
}

/* Product catalog pages previously forced cover in listing.css/product.css. Keep the existing frame,
   but switch only product cards to contained product-photo rendering. */
#site-main .ses-products-index .ses-product-catalog-list .ses-list-card--listing-thumb.ses-list-card--catalog-product .ses-list-card__media,
#site-main .ses-products-index .ses-product-catalog-list .ses-list-card--catalog-product .ses-list-card__media {
  background-size:contain !important;
  background-color:#fff !important;
}

@media (max-width:767.98px){
  #site-main .ses-list-card--listing-thumb .ses-list-card__media,
  #site-main .ses-products-index .ses-product-catalog-list .ses-list-card--listing-thumb.ses-list-card--catalog-product .ses-list-card__media {
    background-size:contain !important;
    background-color:#fff !important;
  }
}