/* The Coin is a sealed memory object, never a reward token. */
.product-main[data-product-id="hello-milestone"] .product-hero-visual {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 72%, rgba(237, 178, 73, 0.25), transparent 31%),
    radial-gradient(circle at 50% 42%, rgba(31, 91, 145, 0.34), transparent 60%),
    linear-gradient(180deg, #07192c 0%, #03111e 62%, #05080d 100%);
}

.product-main[data-product-id="hello-milestone"] .product-hero-visual::after {
  position: absolute;
  z-index: 0;
  right: 12%;
  bottom: 18%;
  left: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(238, 190, 99, 0.82), transparent);
  box-shadow: 0 0 34px rgba(238, 174, 67, 0.32);
  content: "";
  pointer-events: none;
}

.product-main[data-product-id="hello-milestone"] .product-hero-visual > img {
  --hello-coin-inset: clamp(48px, 8vw, 96px);
  z-index: 1;
  padding: var(--hello-coin-inset);
  filter:
    drop-shadow(0 34px 42px rgba(0, 0, 0, 0.55))
    drop-shadow(0 0 30px rgba(233, 179, 76, 0.12));
}

.product-main[data-product-id="hello-milestone"] .product-gallery {
  background: linear-gradient(180deg, transparent, rgba(236, 192, 111, 0.035), transparent);
}

.product-main[data-product-id="hello-milestone"] .screenshot img {
  border-radius: clamp(18px, 2.2vw, 30px);
}

@media (max-width: 640px) {
  .product-main[data-product-id="hello-milestone"] .product-hero-visual > img {
    --hello-coin-inset: 34px;
  }
}