.shortlist { padding-top: var(--s-5); padding-bottom: var(--s-8); }
@media (min-width: 640px) { .shortlist { padding-top: 40px; } }

.tabs { display: flex; gap: var(--s-5); margin-top: var(--s-5); border-bottom: 1px solid var(--line); }
.tab {
  margin-bottom: -1px; padding: var(--s-3) 0;
  background: none; border: 0; border-bottom: 2px solid transparent;
  color: var(--muted); font-size: var(--fs-body); font-weight: 600; line-height: 1.3; cursor: pointer;
}
.tab:hover { color: var(--ink); }
.tab[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--ink); }
.tab:focus-visible { outline-offset: 4px; border-radius: 2px; }

.shortlist__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s-2) var(--s-3); margin-top: var(--s-4); }
.shortlist__bar p { font-size: var(--fs-small); color: var(--ink-2); }
.shortlist__bar .btn { padding-inline: 12px; }
@media (max-width: 639.98px) { .shortlist__bar p { flex-basis: 100%; text-align: right; } }

.shortlist .empty-state { padding-block: var(--s-8); }