.cat-header { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
.cat-icon { width: 36px; height: 36px; color: var(--accent-warm); }
.cat-header h1 { font-family: var(--font-display); font-size: 1.5rem; color: var(--text-strong); }
.cat-subtitle { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 32px; }

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
    margin-bottom: 40px;
}
.service-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    transition: border-color 0.2s;
    color: var(--text);
    font-size: 0.9rem;
}
.service-card:hover { border-color: #333; color: var(--text-strong); }
.service-card img { width: 24px; height: 24px; border-radius: 4px; flex-shrink: 0; }

.other-categories { margin-bottom: 32px; }
.other-categories h2 {
    font-family: var(--font-display);
    font-size: 1rem;
    color: var(--accent-warm);
    margin-bottom: 16px;
}

@media (max-width: 500px) {
    .services-grid { grid-template-columns: 1fr; }
    .cat-header h1 { font-size: 1.2rem; }
}