/* Saved items, lists, saved searches, seller tools and alerts (phase 10). Brand tokens from theme.css. */

/* Heart on cards and the item page */
.cardwrap{position:relative;min-width:0}
.heartform{margin:0}
.cardwrap .heartform{position:absolute;top:8px;right:8px;z-index:2}
.heart{width:36px;height:36px;border-radius:999px;border:0;background:#fff;color:var(--fg);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.heart svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.heart.on{color:#C62F38}
.heart.on svg{fill:currentColor}
.heart:focus-visible{outline:2px solid var(--sea);outline-offset:2px}
.heartform.big .heart{width:100%;height:50px;display:inline-flex;gap:8px;justify-content:center;align-items:center;border:1px solid var(--sea);color:var(--sea);box-shadow:none;font:inherit;font-weight:700;font-size:16px}
.heartform.big .heart.on{color:#C62F38;border-color:#C62F38}

/* Price cut */
.tag.cut{background:#C62F38;color:#fff}
.icard .ip s{font-size:13px;font-weight:500;color:#707070;margin-left:4px}
.cutline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.cutline .tag{position:static}
.cutline s{color:#707070}

/* Offer to people who saved it */
.saverbox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--gold-soft);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;margin:0}

/* Saved page */
.savedlist,.lists{display:grid;margin-top:8px}
.srow{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:center;padding-block:14px;border-top:1px solid var(--line)}
.srow .photo-wrap{border-radius:10px;background:var(--grey)}
.srow img{width:100%;height:100%;object-fit:cover}
.sinfo{display:grid;gap:3px;font-size:14px;min-width:0}
.sinfo a{text-decoration:none}
.sinfo .pdrop{color:#C62F38;font-weight:700;font-size:13px}
.sinfo .saverbox{margin-top:6px}
.sacts{display:flex;gap:8px;align-items:center}
.listpick .field{min-width:150px;padding:8px 10px;font-size:13px}
.newlist{display:flex;gap:8px;max-width:520px;margin:6px 0 4px}
.newlist .field{flex:1}
.lrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding-block:14px;border-top:1px solid var(--line)}
.lrow b{display:block;font-size:15px}
.lrow .muted{font-size:13px}
.lrow form{margin:0}
.savesearch{margin-left:12px}
.rhead{display:flex;align-items:center;flex-wrap:wrap;gap:8px}

/* Bundles in the chat */
.bundle{display:grid;gap:8px;padding:12px 14px;background:var(--grey);border-radius:12px;margin-top:10px}
.bchips{display:flex;gap:6px;flex-wrap:wrap}
.bchips .chip{background:#fff;font-size:12.5px;padding:5px 6px 5px 11px;gap:4px}
.bchips form{display:inline}
.bchips .x{border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer;padding:0 4px;min-width:24px;min-height:24px}
.bundle select.field{max-width:280px;padding:7px 10px;font-size:13px}

/* Seller tools and alerts on the Me page */
.myrow.tools{grid-template-columns:72px minmax(0,1fr)}
.myrow.tools .myacts{grid-column:1/-1;justify-content:flex-start}
.pushbox .btn{justify-self:start}
.check span .muted{font-weight:400;font-size:13px}
.feed{display:grid}
.arow{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:14px}
.arow small{color:#707070;white-space:nowrap}
.arow.unread{font-weight:700}
.arow.unread::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;margin-top:6px}

@media (max-width:700px){
  .srow{grid-template-columns:64px minmax(0,1fr)}
  .sacts{grid-column:1/-1}
  .savesearch{margin-left:0}
}