/* Kill beige/grey mats on product cards across article bodies. Loaded last on purpose. */

/* Category/archive cards: product images must not be cropped. */
.archive-grid-category .archive-card-media,
.archive-grid .archive-card-media,
.archive-section .archive-card-media {
  display: block !important;
  margin: 16px 16px 0 !important;
  width: calc(100% - 32px) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(12, 15, 19, .08) !important;
  isolation: isolate !important;
}

.archive-grid-category .archive-card-media::before,
.archive-grid .archive-card-media::before,
.archive-section .archive-card-media::before {
  display: none !important;
  content: none !important;
}

.archive-grid-category .archive-card-media img,
.archive-grid .archive-card-media img,
.archive-section .archive-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  border-radius: inherit !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 720px) {
  .archive-grid-category .archive-card-media,
  .archive-grid .archive-card-media,
  .archive-section .archive-card-media {
    margin: 12px 12px 0 !important;
    width: calc(100% - 24px) !important;
    border-radius: 18px !important;
  }
}

/* Generic sitewide rule: every product/media slot must be white, not beige/grey. */
.single-content [class*="product__media"],
.single-content [class*="product-media"],
.single-content [class*="product-image"],
.single-content [class*="card-media"],
.single-content [class*="retro-card"] > img,
.single-content [class*="retro-item"] > img,
.single-content [class*="offer-media"],
.single-content [class*="set-media"],
.single-content [class*="figure-media"],
.single-content [class*="product__media"] img,
.single-content [class*="product-media"] img,
.single-content [class*="product-image"] img,
.single-content [class*="card-media"] img,
.single-content [class*="retro-card"] > img,
.single-content [class*="retro-item"] > img,
.single-content [class*="offer-media"] img,
.single-content [class*="set-media"] img,
.single-content [class*="figure-media"] img {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  filter: none !important;
}

.single-content [class*="product__media"]::before,
.single-content [class*="product-media"]::before,
.single-content [class*="product-image"]::before,
.single-content [class*="card-media"]::before,
.single-content [class*="offer-media"]::before,
.single-content [class*="set-media"]::before,
.single-content [class*="figure-media"]::before {
  display: none !important;
  content: none !important;
}

/* Explicit known page systems. */
.single-content .cb-product-image,
.single-content .cb-product-image a,
.single-content .cb-product-image img,
.single-content .cb-lotr-product,
.single-content .cb-lotr-retro-card,
.single-content .cb-lotr-note,
.single-content .cb-lotr-product__body,
.single-content .cb-swhelm-product,
.single-content .cb-swhelm-product__body,
.single-content .cb-swhelm-era-card,
.single-content .cb-hub .cb-card,
.single-content .cb-hub .cb-product,
.single-content .cb-hub .cb-retro,
.single-content .cb-hub .cb-retro-item,
.single-content .cb-hub .cb-panel,
.single-content .cb-guide .cb-card,
.single-content .cb-guide .cb-product,
.single-content .cb-guide .cb-retro,
.single-content .cb-guide .cb-retro-item,
.single-content .cb-guide .cb-panel,
.single-content .cb-card,
.single-content .cb-product,
.single-content .cb-retro-item,
.single-content .mt-card,
.single-content .mt-offer,
.single-content .mt-decision article,
.single-content .mt-grid3 figure,
.single-content .mt-grid4 figure,
.single-content .mt-grid2 figure {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

.single-content .cb-product-image,
.single-content .cb-lotr-product__media,
.single-content .cb-lotr-retro-card > img,
.single-content .cb-lotr-retro-card picture,
.single-content .cb-lotr-retro-card figure,
.single-content .cb-swhelm-product__media,
.single-content .cb-swhelm-product__media img,
.single-content .cb-hub .cb-card-media,
.single-content .cb-hub .cb-product-media,
.single-content .cb-hub .cb-retro-item > img,
.single-content .cb-hub .cb-minas-mini a,
.single-content .cb-hub .cb-minas-mini img,
.single-content .cb-guide .cb-card-media,
.single-content .cb-guide .cb-product-media,
.single-content .cb-guide .cb-retro-item > img,
.single-content .cb-guide .cb-minas-mini a,
.single-content .cb-guide .cb-minas-mini img,
.single-content .cb-card-media,
.single-content .cb-product-media,
.single-content .cb-retro-item > img,
.single-content .mt-frame,
.single-content .mt-figure,
.single-content .mt-grid3 figure,
.single-content .mt-grid4 figure,
.single-content .mt-grid2 figure {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

.single-content .cb-product-image::before,
.single-content .cb-lotr-product__media::before,
.single-content .cb-lotr-retro-card::before,
.single-content .cb-swhelm-product__media::before,
.single-content .cb-hub .cb-card-media::before,
.single-content .cb-hub .cb-product-media::before,
.single-content .cb-hub .cb-retro-item::before,
.single-content .cb-guide .cb-card-media::before,
.single-content .cb-guide .cb-product-media::before,
.single-content .cb-guide .cb-retro-item::before,
.single-content .cb-card-media::before,
.single-content .cb-product-media::before,
.single-content .cb-retro-item::before {
  display: none !important;
  content: none !important;
}

/* Structured product media cards only. Do NOT include .cb-product-image here: it is used inside inline affiliate/product blocks. */
.single-content .cb-lotr-product__media,
.single-content .cb-swhelm-product__media,
.single-content .cb-hub .cb-card-media,
.single-content .cb-guide .cb-card-media,
.single-content .cb-card-media {
  aspect-ratio: 16 / 9 !important;
  min-height: 300px !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(12, 15, 19, .08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.single-content .cb-lotr-product__media img,
.single-content .cb-swhelm-product__media img,
.single-content .cb-hub .cb-card-media img,
.single-content .cb-guide .cb-card-media img,
.single-content .cb-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 6px !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  filter: none !important;
}

/* Simple .cb-product-image blocks: remove beige only, preserve original layout and CTA positioning. */
.single-content .cb-product-image,
.single-content .cb-product-image a,
.single-content .cb-product-image img {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

.single-content .cb-product-image img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.single-content .cb-hub .cb-retro,
.single-content .cb-guide .cb-retro,
.single-content .cb-retro {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.single-content .cb-hub .cb-retro-grid,
.single-content .cb-guide .cb-retro-grid,
.single-content .cb-retro-grid {
  gap: 18px !important;
}

.single-content .cb-lotr-retro-card,
.single-content .cb-hub .cb-retro-item,
.single-content .cb-guide .cb-retro-item,
.single-content .cb-retro-item {
  border: 1px solid rgba(12, 15, 19, .09) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(12, 15, 19, .07) !important;
}

.single-content .cb-lotr-retro-card > img,
.single-content .cb-hub .cb-retro-item > img,
.single-content .cb-guide .cb-retro-item > img,
.single-content .cb-retro-item > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 230px !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 6px !important;
  border-bottom: 1px solid rgba(12, 15, 19, .08) !important;
  filter: none !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

.single-content .cb-hub .cb-retro-body,
.single-content .cb-hub .cb-card-body,
.single-content .cb-hub .cb-product-body,
.single-content .cb-guide .cb-retro-body,
.single-content .cb-guide .cb-card-body,
.single-content .cb-guide .cb-product-body,
.single-content .cb-retro-body,
.single-content .cb-card-body,
.single-content .cb-product-body,
.single-content .cb-lotr-product__body,
.single-content .cb-lotr-retro-card div,
.single-content .cb-swhelm-product__body {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

.single-content .cb-lotr-page img,
.single-content .cb-swhelm-page img,
.single-content .cb-hub img,
.single-content .cb-guide img,
.single-content .cb-card-media img,
.single-content .cb-product-media img,
.single-content .cb-retro-item img {
  background-color: #fff !important;
  background-image: none !important;
}

@media (max-width: 860px) {
  .single-content .cb-lotr-product__media,
  .single-content .cb-swhelm-product__media,
  .single-content .cb-hub .cb-card-media,
  .single-content .cb-guide .cb-card-media,
  .single-content .cb-card-media {
    min-height: 210px !important;
  }

  .single-content .cb-lotr-retro-card > img,
  .single-content .cb-hub .cb-retro-item > img,
  .single-content .cb-guide .cb-retro-item > img,
  .single-content .cb-retro-item > img {
    min-height: 180px !important;
  }
}