.shop-purpose-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; }
.shop-purpose-filter { min-height: 44px; display: inline-flex; align-items: center; padding: .5rem 1rem; border: 1px solid var(--landing-border); border-radius: 999px; background: var(--tb-surface); color: var(--tb-text); text-decoration: none; }
.shop-purpose-filter:hover, .shop-purpose-filter.is-active { border-color: var(--tb-primary); color: var(--tb-primary); background: var(--tb-bg-soft); }
.shop-purpose-filter:focus-visible { outline: 2px solid var(--tb-primary); outline-offset: 3px; }
