/* =========================================================
   «Бриллиантовое» свечение на фото товаров.
   Пятно света следует за курсором (--gx/--gy задаёт spotlight.js)
   + мягкая золотая подсветка рамки при наведении.
   ========================================================= */
.product-image,
.product-card-image,
.card-image,
.type-card-image,
.high-jewellery-image,
.jewelry-care-image {
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.product-image::after,
.product-card-image::after,
.card-image::after,
.type-card-image::after,
.high-jewellery-image::after,
.jewelry-care-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    circle 200px at var(--gx, 50%) var(--gy, 50%),
    rgba(255, 255, 255, 0.75),
    rgba(255, 255, 255, 0) 62%
  );
  opacity: 0;
  transition: opacity 0.25s ease;
  mix-blend-mode: screen;
  z-index: 1;
}

.product-image:hover::after,
.product-card-image:hover::after,
.card-image:hover::after,
.type-card-image:hover::after,
.high-jewellery-image:hover::after,
.jewelry-care-image:hover::after {
  opacity: 1;
}

.product-image:hover,
.product-card-image:hover,
.card-image:hover,
.type-card-image:hover,
.high-jewellery-image:hover,
.jewelry-care-image:hover {
  box-shadow: 0 0 0 1px rgba(201, 162, 75, 0.35),
    0 14px 44px rgba(201, 162, 75, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  .product-image::after,
  .product-card-image::after,
  .card-image::after,
  .type-card-image::after,
  .high-jewellery-image::after,
  .jewelry-care-image::after {
    display: none;
  }
}

/* Тач-устройства: наведения нет — даём мягкое постоянное свечение */
@media (hover: none) {
  .product-image::after,
  .product-card-image::after,
  .card-image::after,
  .type-card-image::after,
  .high-jewellery-image::after,
  .jewelry-care-image::after {
    opacity: 0.55;
    background: radial-gradient(
      circle at 50% 38%,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0) 60%
    );
  }
  .product-image,
  .product-card-image,
  .card-image,
  .type-card-image,
  .high-jewellery-image,
  .jewelry-care-image {
    box-shadow: 0 0 0 1px rgba(201, 162, 75, 0.25),
      0 8px 24px rgba(201, 162, 75, 0.16);
  }
}