/* вынесен из inline-<style> страницы shop.html (SEC-11: style-src без unsafe-inline) */
  .shop-hero { text-align: center; padding: 36px 0 16px; }
  .shop-hero h1 { margin-bottom: 6px; }
  .filter-btn {
    background: rgba(16,10,32,.9); border: 1px solid var(--stroke);
    border-radius: 20px; color: var(--muted); padding: 7px 16px;
    font-size: .82rem; font-weight: 600; cursor: pointer;
    transition: all var(--tr); font-family: inherit; white-space: nowrap;
  }
  .filter-btn:hover { border-color: rgba(139,47,255,.4); color: var(--text); }
  .filter-btn.active { background: var(--primary); border-color: var(--primary); color: #fff; }