/* Only the placeholder interior changes; existing card/media geometry wins. */
html body .product-photo-empty.product-main-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  /* Match the supplied artwork's outer pixels. Contain keeps the square
     illustration intact; this fills the remaining width/height of the frame. */
  background: #e8f7fd !important;
}
html body .product-main-placeholder::before,
html body .product-main-placeholder::after {
  content: none !important;
}
html body .product-main-placeholder img.product-main-placeholder-art {
  display: block;
  flex: 0 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  border: 0;
  object-fit: contain;
}
html body .product-main-placeholder-text[hidden] { display: none; }
html body .product-main-placeholder-text {
  color: #5a6b7e;
  font-size: 12px;
  text-align: center;
}

/* VA-507（Oil UI P2-2）：占位态不再叠加全局白色 1px 图框。
   ios-glass-theme.css 给 .product-visual / .product-photo-frame 等图片容器统一加了
   `border-color: rgba(255,255,255,.62) !important` 的白色描边；真实产品图时它不可见，
   但「主图待补充」占位艺术图自带浅蓝底，这条白边就变成卡里多出的一圈内框
   （产品库 11 张卡实测 1px rgba(255,255,255,.62)）。只在占位态去掉，真实图框不变。 */
html body[data-page="products"] .product-visual:has(.product-main-placeholder),
html body[data-page="products"] .product-photo-frame:has(.product-main-placeholder) {
  border-color: transparent !important;
}