/* Radar photographs have real alpha. Multiplying the outer power-station
   wrapper made the opaque body blend with the studio and its lettering. */
.product-card:is([data-category="radar"],[data-category="detection"]) .product-image-link,
.product-scene:is(:is([data-category="radar"],[data-category="detection"]), :has(.radar-visual)) .scene-object,
.model-visual.radar-visual,
.model-visual.radar-visual .model-object,
.product-card:is([data-category="radar"],[data-category="detection"]) .product-image-link img,
.product-scene:is(:is([data-category="radar"],[data-category="detection"]), :has(.radar-visual)) .scene-object img {
  mix-blend-mode: normal;
  opacity: 1;
  filter: none;
}

.product-card:is([data-category="radar"],[data-category="detection"]) .product-image-link {
  background: transparent;
}

/* The glass arch is baked into the common studio image. Replace that image
   only for radars; every other product keeps its existing environment. */
.product-scene:is(:is([data-category="radar"],[data-category="detection"]), :has(.radar-visual)) {
  background: radial-gradient(ellipse at 50% 42%, #ffffff 0%, #f2f8fc 52%, #e6f0f7 100%);
}
.product-scene:is(:is([data-category="radar"],[data-category="detection"]), :has(.radar-visual))::after {
  bottom: 16%;
  left: 35%;
  right: 35%;
  height: 15px;
  background: #385e7424;
  filter: blur(16px);
}

/* Source thumbnails elsewhere must also retain an opaque radar body. */
.cart-image:has(img[src^="/assets/products/radar/"]),
.cart-image img[src^="/assets/products/radar/"],
.cmp-option-photo:has(img[src^="/assets/products/radar/"]),
.cmp-table-photo:has(img[src^="/assets/products/radar/"]),
.cmp-option-photo img[src^="/assets/products/radar/"],
.cmp-table-photo img[src^="/assets/products/radar/"] {
  mix-blend-mode: normal;
  filter: none;
}
