/* FavoriteToggle — visual rules.
   Используется поверх ProductCard image и в product detail header.
   Variant ProductCard.css уже задаёт __fav стиль, тут — общая. */
.daruta-fav-toggle {
  border: 0; background: rgba(248,241,228,.7);
  width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  color: var(--daruta-fg-2);
  transition: background var(--daruta-dur-base) var(--daruta-ease-soft),
              color var(--daruta-dur-base) var(--daruta-ease-soft);
}
.daruta-fav-toggle:hover { background: var(--daruta-paper); color: var(--daruta-fg); }
.daruta-fav-toggle.is-on { color: var(--daruta-rust); }