/* Сердечко «в избранное»; цвет — фирменный цвет брокера */
.fav-wrap { position: relative; }
.fav-wrap > a { height: 100%; }
.fav { position: absolute; top: 12px; right: 12px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; background: rgba(255,255,255,.92); box-shadow: 0 2px 8px rgba(0,0,0,.18); transition: transform .15s; }
.fav:hover { transform: scale(1.08); }
.fav svg { width: 20px; height: 20px; fill: none; stroke: #111; stroke-width: 2; }
.fav.is-on svg { fill: var(--brand, var(--accent)); stroke: var(--brand, var(--accent)); }
.fav--inline { position: static; box-shadow: none; border: 1.5px solid currentColor; background: transparent; }
.fav-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 4px; border-radius: 999px;
  background: var(--brand, var(--accent)); color: #fff; font-size: .72rem; font-weight: 700; line-height: 1; }
.fav-count[hidden] { display: none; }

.fav-clear { background: none; border: 0; cursor: pointer; font: inherit; padding: 0; }