.favourite-heart { display:inline-grid; place-items:center; width:30px; height:30px;
  padding:2px; border:0; background:transparent; color:var(--mut); cursor:pointer;
  vertical-align:middle; line-height:1; font-size:23px; border-radius:8px; flex-shrink:0 }
.favourite-heart svg { width:19px; height:19px; fill:transparent; stroke:currentColor; stroke-width:1.7 }
.favourite-heart[aria-pressed="true"] { color:#ff627f }
.favourite-heart[aria-pressed="true"] svg { fill:currentColor }
.favourite-heart:hover { background:#ff627f16; color:#ff627f }
.favourite-heart:focus-visible,.xx-view-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:2px }
.favourite-heart:disabled { opacity:.5; cursor:wait }
.t-icon-controls { display:flex; flex-direction:column; align-items:center; gap:4px; flex-shrink:0 }
.t-head .t-icon-controls .ico { margin:0 }
.xx-view-toggle { font:inherit; font-weight:bold; color:var(--gold); background:none; border:0;
  padding:4px 0; cursor:pointer; border-radius:4px }
.equipment-name > .favourite-heart { align-self:center }
.shop-owner { margin:0 0 12px; font:inherit; color:var(--fg) }
.favourite-message { position:fixed; bottom:24px; left:50%; transform:translateX(-50%);
  max-width:90vw; padding:12px 18px; border-radius:12px; background:var(--bg); color:var(--fg);
  border:1px solid var(--line); z-index:10000; box-shadow:0 4px 20px #0005 }