.wishlist-button {
  position: relative;
  overflow: hidden;
}

.wishlist-toggle {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}

.wishlist-heart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  /* Inherit form parent (gray-500 initially) */
  transition: transform 0.2s ease-out, filter 0.2s ease-out, color 0.2s ease-out;
}

.wishlist-heart svg {
  width: 75%;
  height: 75%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  /* Thicker stroke for better visibility */
  transition: transform 0.2s ease-out, fill 0.2s ease-out;
}

/* Hover: subtle scale */
.wishlist-button:hover .wishlist-heart svg {
  transform: scale(1.05);
}

/* Checked state: Red color, filled */
.wishlist-toggle:checked+.wishlist-heart {
  color: #EF4444;
  /* brand-danger */
  filter: drop-shadow(0 2px 4px rgba(239, 68, 68, 0.3));
}

.wishlist-toggle:checked+.wishlist-heart svg {
  fill: currentColor;
  stroke-width: 0;
  transform: scale(1.12);
}