.sfd-bar{margin:0 0 1em;padding:.75em .9em;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:rgba(0,0,0,.02);font-size:.95em;line-height:1.4}
.sfd-bar.sfd-empty,.sfd-bar.sfd-async:empty{display:none}
.sfd-msg{margin:0 0 .5em}
.sfd-done{margin:0;font-weight:600}
.sfd-track{height:6px;border-radius:3px;background:rgba(0,0,0,.08);overflow:hidden}
.sfd-track span{display:block;height:100%;background:#2e7d32;transition:width .3s}
.sfd-suggest{display:flex;align-items:center;gap:.75em;margin-top:.7em}
.sfd-img img{width:48px;height:48px;object-fit:cover;border-radius:4px;display:block}
.sfd-info{flex:1;min-width:0;display:flex;flex-direction:column}
.sfd-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.sfd-price{font-size:.9em}
.sfd-why{font-size:.8em;opacity:.7}
.sfd-add.button{white-space:nowrap;padding:.5em .8em;font-size:.85em}
.sfd-mini{font-size:.85em;margin:0 0 .75em}
@media (max-width:480px){.sfd-suggest{flex-wrap:wrap}.sfd-add.button{width:100%;text-align:center}}