/* The Collection / Wishlist / Favorites switcher at the top of those three pages. */
.saved-switch { display: inline-flex; flex-wrap: wrap; gap: 4px; margin: 0 0 18px; padding: 4px; border: 1px solid var(--line); border-radius: 99px; background: color-mix(in srgb, var(--ink) 5%, transparent); }
.saved-switch button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 0; border-radius: 99px; background: transparent; color: var(--muted); font: inherit; font-size: .9375rem; font-weight: 650; cursor: pointer; transition: background-color .2s, color .2s; }
.saved-switch button:hover { color: var(--ink); }
.saved-switch button[aria-current="page"] { background: var(--ink); color: var(--bg-main, Canvas); }
.saved-switch button:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.saved-count { min-width: 22px; padding: 1px 7px; border-radius: 99px; background: color-mix(in srgb, currentColor 16%, transparent); font-size: .75rem; font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .saved-switch { display: flex; } .saved-switch button { flex: 1; justify-content: center; padding: 0 10px; font-size: .875rem; } }
@media (prefers-reduced-motion: reduce) { .saved-switch button { transition: none; } }
html[data-motion="off"] .saved-switch button { transition: none; }