/* Fit check badges (Plan F, design-system C11/C12): on the photo of every part card, and the part page fit row. */
.stp-fitb { position: absolute; left: 10px; top: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; max-width: calc(100% - 20px);
  padding: 4px 10px 4px 6px; box-sizing: border-box; border-radius: var(--stp-r-pill); background: #fff; font-size: 12px; font-weight: 700; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 2px 8px rgba(0,0,0,.15); color: var(--stp-ok-text); }
.stp-fitb .stp-i { flex: none; }
.stp-fitb.is-yes .stp-i { color: var(--stp-ok); }
.stp-fitb.is-confirm .stp-i { color: var(--stp-ok); }   /* fits year/make/model; the details are in the note strip */
.stp-fitb.is-no { color: var(--stp-muted); }
.stp-fitb.is-no .stp-i { color: #b3b0a8; }
@media (max-width: 600px) { .stp-fitb { left: 6px; top: 6px; font-size: 11px; } }
/* part page row: fits-with-details green + a small yellow note, ✗ grey (no red, design-system C11) */
.stp-pd .stp-fit[data-state="wait"] .stp-fit-s { display: none; }
.stp-pd .stp-fit-confirm { flex-wrap: wrap; background: var(--stp-ok-soft); border-color: var(--stp-ok-line); }
.stp-pd .stp-fit-confirm > .stp-ico { color: var(--stp-ok); }
.stp-pd .stp-fit-note { flex-basis: 100%; display: flex; align-items: flex-start; gap: 8px; margin-top: 4px; padding: 9px 11px; border-radius: var(--stp-r-sm);
  background: #fff8e1; border: 1px solid #f3e2a6; color: #6b5512; font-size: 13px; line-height: 1.45; }
.stp-pd .stp-fit-note svg { flex: none; margin-top: 2px; color: #b38600; }
.stp-pd .stp-fit-note b { color: #4a3a08; }
.stp-pd .stp-fit-no { background: var(--stp-surface-2); border-color: var(--stp-line); }
.stp-pd .stp-fit-no > .stp-ico { color: var(--stp-muted); }
.stp-fit-find { font-weight: 650; color: var(--stp-ink); border-bottom: 1.5px solid var(--stp-yellow); text-decoration: none; }
.stp-fit-find[hidden] { display: none; }