/* CategoryGrid — product card grid for category guide pages */
.category-grid { padding: 16px; }
.category-grid-header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
.category-grid-title { font-size: 18px; font-weight: 700; margin: 0; }
.category-grid-count { font-size: 13px; color: var(--text-muted); }
.category-grid-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.category-grid-card { border: 1px solid var(--border); border-radius: 6px; padding: 12px; display: flex; flex-direction: column; gap: 4px; }
.category-grid-card--oos { opacity: 0.5; }
.category-grid-card-image { height: 100px; background: var(--surface-raised); border-radius: 4px; }
.category-grid-card-brand { font-size: 11px; text-transform: uppercase; color: var(--accent-blue); font-weight: 600; }
.category-grid-card-name { font-size: 14px; }
.category-grid-card-price { font-size: 16px; font-weight: 700; }
.category-grid-card-meta { display: flex; gap: 8px; font-size: 12px; color: var(--text-muted); }
.category-grid-card-badge { font-size: 11px; color: var(--accent-red); font-weight: 600; text-transform: uppercase; }