/* Restores true color on real machine photos.
   vc-theme + vc-shop-v2 + vc-checkout-v2 apply mix-blend-mode:multiply to
   product photography (to make white photo backgrounds blend into the
   page's cream background), but multiply darkens/tints EVERY pixel
   proportionally to the cream backdrop, distorting the actual product color
   too — these are plain JPEGs with no real transparency, so multiply was
   being used as a fake-transparency hack.
   `darken` (result = min(source, backdrop) per channel) is a much closer
   approximation: any pixel already darker than the cream backdrop in every
   channel — i.e. the actual machine body on typical black/dark-cabinet
   photos — passes through completely unchanged, while only the near-white
   background (and any near-white highlights) clips down to the cream color.
   Confirmed by sampling real product photos: black cabinet pixels (~12,12,12)
   are untouched; white-cabinet panels (~202-223) still pick up a mild warm
   tint from the blue channel clamping to cream's 201, since there's no way
   to tell "white product" from "white background" without real image
   transparency — full accuracy for light-colored machines needs the source
   photos themselves reworked with real transparent backgrounds. */
.vc-product .gallery-main img,
.vc-product .gallery-thumb img,
.vc-product .related-card-img img,
.vcs-sub .product-img img,
.vcs-sub .subhero-img img,
.vcs-best .top3-img img,
.vcs-best .std-img img,
.vcs-cat .best-img img,
.vcs-cat .hero-feature-img img,
.vcco-thumb img,
.vcco-sum-thumb img {
  mix-blend-mode: darken !important;
}

/* The single-product gallery frame (.gallery-main/.gallery-thumb) sits on
   --surface-stone (#E9DFC9), a darker/more saturated tan than the shop grid's
   card backdrop, --cream (#F8F2E6). Since darken clips any pixel lighter than
   its backdrop, the darker surface-stone tone clips more of a light-colored
   machine's panels than the shop grid does with the same blend mode — visibly
   confirmed comparing a white machine's shop-grid thumbnail (looked correct)
   against its product-page gallery photo (still visibly tinted). Matching the
   gallery to the same --cream tone already used (and already looking right)
   on the shop grid closes that gap, using an existing design-system color
   rather than introducing a new one. */
.vc-product .gallery-main,
.vc-product .gallery-thumb {
  background-color: var(--cream, #F8F2E6) !important;
}