/* favorites.css — кнопка-сердечко на картках товару («Перелік закладок»).
   Картки на сторінці /obrane/ використовують стилі recently.css (.rv-*). */
.fav-heart {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid var(--sh-border, #E5E7EB); background: rgba(255,255,255,.92);
  display: grid; place-items: center; cursor: pointer; padding: 0;
  color: #9CA3AF; box-shadow: 0 2px 8px rgba(0,0,0,.1);
  transition: color .15s, transform .12s, border-color .15s, background .15s;
}
:root[data-theme="dark"] .fav-heart { background: rgba(23,27,34,.9); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .fav-heart { background: rgba(23,27,34,.9); } }
.fav-heart svg { width: 19px; height: 19px; fill: currentColor; display: block; }
.fav-heart:hover { color: #EF4444; border-color: #EF4444; transform: scale(1.08); }
.fav-heart:active { transform: scale(.94); }
.fav-heart.is-fav { color: #EF4444; border-color: #EF4444; }
.fav-heart:focus-visible { outline: 2px solid var(--sh-blue, #1E4A8C); outline-offset: 2px; }