/* ===== CATEGORY TABS ===== */
.fin-tabs {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 8px;
  background: var(--cream); border-bottom: 1px solid var(--beige);
  padding: 18px 24px;
  position: sticky; top: 84px; z-index: 500;
}
.fin-tab {
  font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
  color: var(--text-secondary); padding: 10px 22px; border-radius: 30px;
  transition: all 0.3s; border: 1px solid transparent;
}
.fin-tab:hover { color: var(--text); border-color: var(--beige); }
.fin-tab.is-current { background: var(--primary); color: #fff; }
 .fin-tabs {
    top: 84px;
    flex-wrap: nowrap; gap: 4px;
    padding: 10px 8px;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .fin-tabs::-webkit-scrollbar { display: none; }
  .fin-tab {
    font-size: 10px; letter-spacing: 0.5px;
    padding: 7px 9px;
    white-space: nowrap; flex-shrink: 0;
  }
  /* auto-margins center the pills when they fit, and allow scroll when they don't
     (plain justify-content:center clips the left edge irrecoverably on overflow) */
  .fin-tab:first-child { margin-left: auto; }
  .fin-tab:last-child { margin-right: auto; }