/**
 * DRD Engineers Product Categories CSS
 */

.category-section {
  background-color: var(--color-surface-container-low);
  border-top: 1px solid var(--color-border-subtle);
  border-bottom: 1px solid var(--color-border-subtle);
}

.category-card {
  height: 100%;
}

.category-card-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: var(--space-2);
}

.category-card-desc {
  font-size: 14px;
  color: var(--color-secondary);
  margin: 0;
}

.category-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary-container);
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.category-link svg {
  transition: transform var(--transition-fast);
}

.category-card:hover .category-link svg {
  transform: translateX(4px);
}