/* ═══════════════════════════════════════════
   Styles extracted from: products.html
   ═══════════════════════════════════════════ */


    .products-hero {
      background: linear-gradient(180deg, #FFFFFF 0%, #FAF8F5 100%);
      border-bottom: 1px solid var(--border);
    }
    .products-toolbar {
      display: flex; align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: 16px; margin-bottom: 30px;
    }
    .prod-count { font-size: 0.92rem; color: var(--text-muted); font-weight: 600; }
    .prod-count strong { color: var(--primary-dark); font-weight: 800; }

    @media (max-width: 640px) {
      .products-toolbar { flex-direction: column; align-items: stretch; gap: 10px; margin-bottom: 20px; }
      .search-wrap { max-width: 100%; width: 100%; }
      .category-filter {
        gap: 8px; margin-bottom: 20px;
        overflow-x: auto; flex-wrap: nowrap;
        padding-bottom: 8px; -webkit-overflow-scrolling: touch;
      }
      .category-pill { padding: 7px 16px; font-size: 0.82rem; white-space: nowrap; flex-shrink: 0; }
    }