/* THE SOVEREIGN premium visual override */
#kolekcija div.mt-16.group > div.grid > div:first-child {
  background-image: url('/sovereign.png');
  background-size: cover;
  background-position: 52% center;
  background-repeat: no-repeat;
  isolation: isolate;
}

/* Remove the old brown gradient and centered S placeholder. */
#kolekcija div.mt-16.group > div.grid > div:first-child > div:nth-child(1),
#kolekcija div.mt-16.group > div.grid > div:first-child > div:nth-child(2) {
  display: none;
}

/* Keep the 1/1 badge above the photo. */
#kolekcija div.mt-16.group > div.grid > div:first-child > div:nth-child(3) {
  z-index: 3;
}

/* Very light shading only, so the original photo remains the visual. */
#kolekcija div.mt-16.group > div.grid > div:first-child::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 5, 3, 0.03) 0%, rgba(8, 5, 3, 0) 58%, rgba(8, 5, 3, 0.14) 100%);
}

/* Keep the exact same crop before and during hover. */
#kolekcija div.mt-16.group > div.grid > div:first-child {
  transition: filter 500ms ease;
}

#kolekcija div.mt-16.group:hover > div.grid > div:first-child {
  background-size: cover;
  background-position: 52% center;
  filter: saturate(1.02) contrast(1.01);
}

@media (prefers-reduced-motion: reduce) {
  #kolekcija div.mt-16.group > div.grid > div:first-child {
    transition: none;
  }
}