/* V2-05.4R.2 — Full-image guarantee and pure-white storefront lock.
   Loaded last on purpose: this is the authoritative visual surface layer. */

:root {
  --moiomi-canvas: #ffffff;
  --moiomi-surface: #ffffff;
  --moiomi-media-surface: #ffffff;
}

html,
body,
#app,
.site-shell,
.site-main,
main,
.page,
.page-shell,
.page-container,
.catalog-commerce,
.smart-catalog,
.catalogue-workspace-v2,
.catalogue-workspace-layout,
.catalogue-workspace-content,
.catalogue-category-sidebar,
.catalogue-content-heading,
.catalogue-subcategory-section,
.catalogue-smart-filter-section,
.catalogue-results-toolbar,
.catalog-product-grid,
.catalog-empty,
.catalogue-filter-drawer,
.catalogue-filter-drawer__body,
.catalogue-filter-drawer__footer,
.site-header,
.site-header__inner,
.catalogue-header,
.catalogue-world-header,
.home-header,
.global-nav,
.site-footer {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Catalogue surfaces */
.catalogue-workspace-v2 .catalog-product-card,
.catalogue-workspace-v2 .heater-product-card,
.catalogue-workspace-v2 .catalog-product-card__body,
.catalogue-workspace-v2 .heater-product-card__body,
.catalogue-workspace-v2 .catalog-product-card__media,
.catalogue-workspace-v2 .heater-product-card__media,
.catalogue-workspace-v2 .catalog-product-card__media-link,
.catalogue-workspace-v2 .heater-product-card__media > a,
.catalogue-category-item,
.catalogue-subcategory-pill,
.catalogue-filter-popover > summary,
.catalogue-filter-popover__panel,
.catalogue-all-filters-button,
.catalogue-results-sort select,
.catalogue-mobile-category-button,
.smart-filter-field,
.smart-filter-group,
.smart-filter-boolean,
.product-compare-tray,
.product-compare-panel,
.product-compare-row,
.product-compare-row > div {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* The supplier image is used as-is. Its entire intrinsic bitmap must fit. */
.catalogue-workspace-v2 .catalog-product-card__media,
.catalogue-workspace-v2 .heater-product-card__media {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.catalogue-workspace-v2 .catalog-product-card__media-link,
.catalogue-workspace-v2 .heater-product-card__media > a {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  padding: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.catalogue-workspace-v2 .catalog-product-card__media img,
.catalogue-workspace-v2 .heater-product-card__media img {
  position: static !important;
  display: block !important;
  flex: 0 1 auto !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: none !important;
  scale: 1 !important;
  translate: none !important;
  background: #ffffff !important;
}

.catalogue-workspace-v2 .catalog-product-card:hover .catalog-product-card__media img,
.catalogue-workspace-v2 .heater-product-card:hover .heater-product-card__media img {
  transform: none !important;
  scale: 1 !important;
}

/* Keep deliberate graphite controls dark; all neutral surfaces remain white. */
.catalogue-world-tab.is-active,
.catalogue-all-filters-button,
.button--primary,
.product-card-compare.is-active,
.catalogue-filter-drawer__footer .button--primary {
  background-color: #292826 !important;
  background-image: none !important;
}

/* Remove warm/off-white hover fills. */
.catalogue-category-item:hover,
.catalogue-category-item.is-active,
.catalogue-subcategory-pill:hover,
.catalogue-subcategory-pill.is-active,
.catalogue-filter-popover > summary:hover,
.catalogue-results-sort select:hover,
.catalogue-mobile-category-button:hover {
  background-color: #ffffff !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  .catalogue-workspace-v2 .catalog-product-card__media,
  .catalogue-workspace-v2 .heater-product-card__media {
    aspect-ratio: 4 / 3 !important;
  }
}