/* Richie Gold & Diamonds — transparent jewellery media, 2026-09-21.
 * Applies only to code-bound transparent PNGs. The navy surface derives from
 * the approved Richie shield palette and preserves each full product silhouette.
 */
:root {
  --richie-product-media-navy: #0b1c34;
  --richie-product-media-navy-deep: #071426;
  --richie-product-media-gold: #d4b56f;
}

.card-img,
.pdp-media,
.co-thumb {
  background:
    radial-gradient(circle at 50% 32%, rgba(37, 67, 105, 0.46), transparent 58%),
    linear-gradient(145deg, var(--richie-product-media-navy) 0%, var(--richie-product-media-navy-deep) 100%) !important;
}

.card-img img,
.pdp-media img,
.co-thumb img {
  object-fit: contain !important;
  background: transparent !important;
  mix-blend-mode: normal;
}

.card-img img {
  padding: clamp(0.45rem, 1.8vw, 1.15rem);
}

.pdp-media img {
  padding: clamp(1rem, 4vw, 2.5rem);
}

.co-thumb img {
  padding: 10%;
}

.card-img:has(img[src*="transparent-product-images-20260921"]),
.pdp-media:has(img[src*="transparent-product-images-20260921"]),
.co-thumb:has(img[src*="transparent-product-images-20260921"]) {
  box-shadow: inset 0 0 0 1px rgba(212, 181, 111, 0.18), 0 12px 28px rgba(0, 0, 0, 0.2);
}

@media (prefers-reduced-motion: reduce) {
  .card-img img,
  .pdp-media img,
  .co-thumb img {
    transition: none !important;
  }
}