/* Favorites heart (next to Make an Offer) + the "Your favorites" list on #/account. Look approved by Vector 2026-10-26. */
.fav-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;max-width:100%}
html body .fav-row .btn-offer{max-width:none;align-self:auto}
.fav-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--fav-h,27px);height:var(--fav-h,27px);padding:0;border-radius:999px;border:1px solid #c9c9c4;background:#fff;color:#1a1a1a;cursor:pointer;transition:transform .12s,border-color .15s}
.fav-btn svg{width:55%;height:55%;display:block}
.fav-btn path{fill:#fff;stroke:currentColor;stroke-width:2}
.fav-btn:hover,.fav-btn:focus-visible{border-color:#1a7a43}
.fav-btn:active{transform:scale(.92)}
.fav-btn.is-on{border-color:#d62839}
.fav-btn.is-on path{fill:#e0263a;stroke:#e0263a}
body.theme-halloween .fav-btn{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
body.theme-halloween .fav-btn path{fill:transparent;stroke:#fff}
body.theme-halloween .fav-btn.is-on{border-color:#e0263a}
body.theme-halloween .fav-btn.is-on path{fill:#e0263a;stroke:#e0263a}
.fav-btn[disabled]{opacity:.6;cursor:wait}
.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0 0 10px}
.fav-card{border:1px solid rgba(128,128,128,.3);border-radius:8px;overflow:hidden;text-align:center;font-size:.85rem}
.fav-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eee}
.fav-card .fav-b{padding:8px;display:grid;gap:6px;justify-items:center}
.fav-card a{color:inherit;text-decoration:none}
.fav-card .fav-st{font-size:.72rem;opacity:.75;text-transform:uppercase;letter-spacing:.08em}
/* public count beside the heart (hidden when 0): 4px from the heart, same line height as the button */
.fav-count{display:inline-flex;align-items:center;height:var(--fav-h,27px);margin-left:-4px;font-family:var(--geo,inherit);font-size:.72rem;letter-spacing:.04em;line-height:1;color:#555;font-variant-numeric:tabular-nums;min-width:1ch}
.fav-count[hidden]{display:none}
body.theme-halloween .fav-count{color:rgba(255,255,255,.8)}
/* narrow phone cards (<=560px): no room beside the heart, so the count sits as a small badge on the heart's top-right corner
   (row width = button + 8px + heart, exactly as approved; nothing reaches the card edge) */
@media (max-width:560px){
  .card .fav-row{position:relative}
  .card .fav-count{position:absolute;right:-5px;top:-6px;height:15px;min-width:15px;margin:0;padding:0 3px;box-sizing:border-box;justify-content:center;border-radius:999px;background:#fff;border:1px solid #c9c9c4;font-size:.56rem;letter-spacing:0;color:#333}
  body.theme-halloween .card .fav-count{background:#1b1622;border-color:rgba(255,255,255,.55);color:#fff}
}