/* Photos fill their frame; logos keep their complete mark and original proportions. */
.catalog-listing img[data-catalog-list-logo],
.catalog-organizer-profile img[data-catalog-list-logo] {
  object-fit: contain !important;
  object-position: center !important;
  background: var(--catalog-logo-background, #fff);
}
.plan-card .img,
.saved-item__visual,
.saved-entry__visual,
.catalog-cover,
.event-detail-media,
.homepage-promotion__media {
  background-color: #edf3f8;
}

.plan-card .img img,
.saved-item__visual img,
.catalog-cover > img,
.event-detail-media img,
.homepage-promotion__media img {
  object-fit: cover;
}

html.product-mode .plan-card .img:not(.catalog-logo-media) > img,
html.product-mode .saved-item__visual:not(.catalog-logo-media) > img:not(.saved-item__fallback),
html.product-mode .catalog-cover:not(.catalog-logo-media) > img[data-catalog-cover],
html.product-mode .event-detail-media:not(.catalog-logo-media) > img,
html.product-mode .homepage-promotion__media:not(.catalog-logo-media):not(.photo-fallback) > img,
html.product-mode .mp-thumbnail:not(.catalog-logo-media):not(.mp-fallback) > img,
html.product-mode .mp-discovery-results .mini-plan .mp-thumbnail:not(.catalog-logo-media):not(.mp-fallback) > img,
.product-mode .saved-library__list .saved-entry__visual:not(.catalog-logo-media) > .saved-entry__photo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
}

/* Match the logo canvas instead of adding a second coloured frame. */
.plan-card .img.catalog-logo-media,
.saved-item__visual.catalog-logo-media,
.event-detail-media.catalog-logo-media,
.catalog-cover.catalog-logo-media,
.mp-thumbnail.catalog-logo-media,
.homepage-promotion__media.catalog-logo-media,
.saved-entry__visual.catalog-logo-media {
  background: var(--catalog-logo-background, #fff) !important;
}

html.product-mode .plan-card .img.catalog-logo-media > img,
html.product-mode .saved-item__visual.catalog-logo-media > img,
html.product-mode .event-detail-media.catalog-logo-media > img,
html.product-mode .catalog-cover.catalog-logo-media > img[data-catalog-cover],
html.product-mode .mp-thumbnail.catalog-logo-media > img,
html.product-mode .mp-discovery-results .mini-plan .mp-thumbnail.catalog-logo-media > img,
html.product-mode .homepage-promotion__media.catalog-logo-media > img,
html.product-mode .saved-library__list .saved-entry__visual.catalog-logo-media > img.saved-entry__photo {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}